Aceh Tech : How To Blogger

Showing posts with label How To Blogger. Show all posts

How to Increase Alexa Ranking

Alexa Rank is now a benchmark to monetize a blog or website that you get advertisers, increasing Classify your blog, then you are a good name for your blog in the world ranking traffic on our blog alexa internet.alexa value the small size of the money we call a blog Your blog, a simple example of a web page PPC (pay per click) class commissioning (idblognetwork) they need to accomplish his blog publiser need in Ranked 10,000,000. Not hard Alexa Rank less than 5,000,000

Here is how you can improve your blog Alexa rank:

1. Download Alexa toolbar and status bar, or by clicking the Alexa toolbar or status bar. Now, whenever your own website then calculated by Alexa. The more you visit the site on your own blog Alexa rank increases.
NB: Alexa toolbar, a single IP (Internet Protocol)

2. assets in your website or blog on the site Alexa, this will improve your blog. Reputation in the eyes of alexa

3. Install the Alexa Ranking Widget on your blog in the sidebar or footer of your blog.

4. Ask your friends to review and evaluate your Alexa website profile on your website.

5. Try to keep visitors webmaster forum (Registered in the Forum and add your website URL) to obtain, as most bloggers and webmasters Alexa toolbar installed, and also discuss the content of your blog in touch with the webmaster, SEO, Social Media to open the forum to. content for review, if you write the information content and air kualiatas

6. Update and update your blog content at least 2 or 3 times a week.

7. Please bloggers link exchange partners, plus backlink your blog will get back to visit them.

8. Create categories to post an article about Alexa and Alexa as bloggers and webmasters are always looking for new ways to increase Alexa Rank is to get fit in the traffic and Alexa ranking will also improve your blog.

9. Great promotions and make your website URL in the comment blog walking the other blogs, this way you get a new look of the site administrator.

10. Do not use the shortcut method to get the Alexa ranking.

This is a simple way of improving Alexa Rank blog.
Hopefully useful. --------------------------------------------------------------------------------------------------------------------------------------------------

5 secrets Seo For Beginner

Previously at SEO Tips I've explaining about Understanding SEO. And this SEO Tips I'll explain you About SEO For Beginners. I'm also the beginner.

Seo For Beginners Learn to outline there are 5 parts, what are they? OK let's discuss one by one

1. Content (content site)

Learning SEO The first is the quality of the content of our website, If you want your website is always visited by visitors and is a first page of google search, you should have quality content. Search engines are now equipped with a program or bot that reliable in analyzing a website or blog, if you have web content / web content is good then you will enter in the first page of search engines.If your website is included in google first page of these visitors will open up your web first, and if the contents of your website is good, then do not close the possibility of these visitors will read your articles the other web.

2. Keyword (title of article)

Learning SEO The second is the selection of Title and Title of the Content article that we make. Lots of people ignore this, but it is an important value to get a high ranking in search results. You must be astute in making a post title. Find out what people are currently busy looking for, or what topic is being discussed in the blogger world or in the world of information right now, if you are not a reliable SEO Tool do not make the same title with other people, better for the new title or keyword .

3. Engine Wordpress

The third is learning SEO Engine Wordpress, I will not discuss what advantages wordpress than blogger, here I just try to assess the SEO web masters who have been successful.
Maby you know and heard of World SEO Contest which we call Busby SEO Test. The contest was followed by the bloggers and websites around the world that go No. 1 on the first page of Google search will come out a winner, so the bloggers are in demand to remove all the potions and the spell of its SEO so that your web / blog they entered ranked first in google search.

I try to see the incoming web 10 on the first page of google, most of them all using WordPress Engine, why Wordpress is very reliable and SEO Friendly? I also do not know the exact answer, certainly if I may guess, Wordpress have many available plugins,called by wordpress-plugin or widget that can boost SEO web that we have.

4. Google

Learning SEO The fourth is to maximize the search engine Google, it does not mean we don't care yahoo, MSN, or altavista but for now Google is the master of all search engines. My suggestion to use tools from Google to boost your SEO Web search engine google, I use 3 tools google, that's Google Webmaster Tools, Google Analytics, and Google Alerts. Hopefully by using these 3 tools your website more SEO Friendly in google eyes.

5. Moment

Learning SEO which is the fifth-Utilizing the booming moment, mean is we write article about hot topics or warm at this time.

For blogger using blogspot .. come on we learning together How google to index and crawl our artilce at first page with Edit Blogger Template SEO Friendly.
5 Secrets of Successful SEO which I have concluded above, of course we must also consider other small tips too, 5 tips above are just basic things that must be understood and studied in advance, after studying five new top secret we try other helpful tips also. --------------------------------------------------------------------------------------------------------------------------------------------------

Edit Blogger Template SEO Friendly

Change HTML code and manipulation template just for SEO friendly right. Now just explain you about Change the heading tags.

Change the Heading tags are very useful Because the sequence determines the heading tags is more important when google index. Sequence of the most important uses h1 tags for the most important and so on up to h6 tags. It can be used to strengthen our posts directly in google. The trick is to give the h1 tag for the title of the posting. However, if you do so at random may actually be exactly happened multiple h1 tags on your page.
The solution ...?
Some bloggers choose h1 tag fixed to the title of the blog as standartnya. And they changed the post title tag from h3 to h2. Creating a post titles list is more important. However, for those of you who still want to use the h1 tag for the title of your post to actually strengthen the index to your post? ok, just do it...
You can follow this trick:

Log in Blogger
Layout
EDIT HTML
Layout
Tick Expand Widget Template
Post Title Heading Tag Manipulation
Find The Code Bellow

<b:if cond='data:post.title'>
          <h3 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
    </b:if>

Change the code above with :

<b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.title'>
          <h2 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h2>
    </b:if>
    <b:else/>
          <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </b:if>

Post Title Heading Tag Manipulation

Find The Code Bellow

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

Change the code to

<b:if cond='data:blog.pageType != "item"'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

Find the code below

<h1 class='title'>
<b:include name='title'/>
</h1>

And change to

<b:if cond='data:blog.pageType != "item"'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if>

Find css code for post title and title of your blog. For example code like this. Find a similar..

.post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }

Change code to

.post h1, .post h2 {
          margin:.25em 0 0;
          padding:0 0 4px;
          font-size:140%;
          font-weight:normal;
          line-height:1.4em;
          color:$titlecolor;
        }

        .post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
          display:block;
          text-decoration:none;
          color:$titlecolor;
          font-weight:normal;
        }

        .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
          color:$textcolor;
        }

The last step just find css code for tittle of your post
Find similar like this

#header h1 {
............................
}

Change it to

#header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

And you'r DONE..
CONGRATULATIONS GOOD LUCK TRYING

--------------------------------------------------------------------------------------------------------------------------------------------------

What is Google's Panda?

What is Google's Panda? it's very appropriate title for this post. because I will tell you what it is google panda. Google Panda is the latest algorithm google search engine in 2011, after the beginning of the year 2010, do update algorithm google search engine with the name "Google Caffeine", last year at the end of the month of February 2011 google again to update the algorithm is called "Google Panda". Google Caffeine previously thought google would provide better search results turned out not guarantee quality sites appearing on the main SERP position, so that in 2011 this Google update its search engine algorithm. it's really uphold the good name of the company.

In the Google Panda algorithm google is more emphasis on content anticipation farm. This make friends who are beginners may still be confused what is meant content farm.

Content farm. In the context of the World Wide Web, the term content farm is used to describe a company That Often employs large numbers of freelance writers to generate large amounts of textual content the which is specifically designed to satisfy algorithms for maximal retrieval by automated search engines. Their main goal is to generate advertising revenue through attracting reader page views

Google translate version:
Content farm (farm content) is the term used to describe a website company that employs a large number of freelance writers (freelance writer) to produce large amounts of text content that is specifically designed to meet the maximum search algorithm to search engines automatically. Their main purpose is to generate advertising revenue through the display pages attract readers.
As Google began to lower the rating information blog that is detected as "content farm" so that some sites are categorized as farm content decreased drastically visitors coming from search engines. Some sites are experiencing reduced the percentage of visitors are ezineaticles decreased to 86%, HubPages.com has decreased by 80%. While the site is experiencing an increase in visitors as wikihow.com increased to 79%, answers.yahoo.com 29%, more can be found at Google Farmer Update affected.

Based on information from official website google about Finding more high-quality sites in a google search for the current algorithm google pandas are still applied in the U.S. to other countries including Indonesia would follow the panda. Its greatest effect was on the possibility of many social bookmarking sites and sites article directory.
As a beginner bloggers do not have to mess with the update algorithm, you should still adhere to the guidelines set by Google at google webmaster site center guideline.
Some of them:
- Create a blog's content is original and has the relevance of certain topics (your post is not the result of a homemade copy and paste. The mean is unique content)
- Blogs can provide information and offer solutions to the visitors to the blog
- Post blog has benefits for visitors
Create beginner bloggers should not be discouraged in competing in the Google SERP, because all the blogs still have a chance to grow, we only need to focus on blog content and blog visitors whether the target visitors focus on beginner or intermediate level. Because it is not easy to get something easy.
--------------------------------------------------------------------------------------------------------------------------------------------------

How to Make a Breadcrumb Navigation

How to Make a Breadcrumb Navigation or Menu Navigation Above Posting Articles or Make Blog Creating a Breadcrumb Menu On the navigation menu at the top row or the term referred to an article posted breadcrumb, is an effective way to provide convenience of visitors in see category blog.
Breadcrumb Navigation is terms of seo (search engine optimization), Google already support this breadcrumb. How to Create a Menu Breadcrumb Navigation In Blog
To see results from a blog that has been made breadcrumb / navigation menus above post can see the picture.

Steps On How To Make Breadcrumb Blogger

First, make sure you have made the label on the blog.

Then, go to the Dashboard, select Layout and then select Edit HTML, do not forget to tick Expand Widget Templates.
Next find the following code (use Ctrl + F on your keyboard to aid search):

<b:includable id='main' var='top'>

when you have found the code, put this code Above it..

<b:includable id='breadcrumbs' var='post'>


<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>

</b:if>
</span>
</p>
</b:if>

</b:includable>

Then,find this code again.

<b:if cond='data:post.dateHeader'>

and put this code Above it.

<b:include data='post' name='breadcrumbs'/>

Also find this code ]]></b:skin>

then put this code Above it.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Save template and you'r DONE.

Dont forget to Comment this post guys.. --------------------------------------------------------------------------------------------------------------------------------------------------

How To Add Clock Widget To your Blog

This article explain you how to add clock widget to your blog,, yah , just simple way,, don't try at home just try at your blog ok my friends. at his article How To Add Clock Widget To your Blog just show you a script that you cant place it to your blog.

Indonesia's flag

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Jam&kalender/jam_blogger.swf" wmode="transparent" type="application/x-shockwave-flash" width="150" height="150"></embed></div>

Eye Candy

<div align="center"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://alimmahdi.webs.com/Jam&kalender/Jam_Analog.swf" width="150" height="150" type="application/x-shockwave-flash" wmode="transparent"></embed></div>

Spongebob

<embed src=http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed>

Squidward

<embed src="http://fc03.deviantart.com/fs48/f/2009/189/1/e/clockwidget_by_blogclocks.swf?c=0x99e2ff&p=http%3A%2F%2Fi41%2Etinypic%2Ecom%2F11rydfq%2Ejpg&a=20&s=1&r=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" wmode="transparent"></embed>

Garuda Bird ( Indonesia)

<p align="center"><embed menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" swliveconnect="true" quality="best" allowscriptaccess="sameDomain" loop="false" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" height="205" type="application/x-shockwave-flash" width="205" wmode="transparent"> </embed></p>

To add this follow the step :
1. Login to blogger.com with your ID
2.Click Layout
3.Add gadget
4.Choose HTML java Script
5.Put the code there
6.Don't forget to Save --------------------------------------------------------------------------------------------------------------------------------------------------

How To Creat TabView Without Edit HTML

Perhaps with this image of you may know what is meant of ViewTab. This widget is very useful to allow visitors to browse articles that exist and this is very important because in addition to facilitate the visitors but also very interesting in seeing.
Lately, if we want this widget , we must edit HTML again, but this is the easy way to create it.
Creating a ViewTab Without the Edit HTML again.

This is the step to create it :

Login to Blogger.com with your ID
Click the Layout
On the Page Elements tab, add the Element, Select HTML / Javascript
Then enter script below into the Form HTML / Javascript .This script is creating from Indonesia, enjoy it to use.

1. For an explanation of the green text to the contents of the title menu 1, 2, and 3
2. For a text explanation of the blue text That is the title of the menu to 1, 2, and 3
Dont forget post your comment if not Understand. --------------------------------------------------------------------------------------------------------------------------------------------------

Social Bookmarking Buttons With Spinning Effect for Blogger

Till now many social bookmarking widgets has been released for Blogger. Simply, social bookmarking buttons and icons helps you to make your blog socialize and get more traffic. Adding social bookmarking buttons is cool way to get more readers and targeted audience.

Before using social bookmarking option, you must be aware of icons design how much clickable is it. Your readers are likely to click social bookmarking button containing in your blog if they find the buttons really cool. If you haven't such buttons, so here is something special for you.

Social bookmarking buttons with spinning hover effect. Buttons are cool itself and when your reader hover the mouse over it, it spins a round.

Check the demo yourself!

Here is how to add these cool buttons to your Blogger blog:

Login to Blogger > Design > Edit HTML > Expand widget templates. Find the following code in your template:

<data:post.body/>

Just below that add the following group of codes:

<b:if cond='data:blog.pageType == "item"'>
<div class='spinning_icons'>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'>Delicious</a>
<a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'>Digg</a>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Facebook'>Facebook</a>
<a class='stumbleupon' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>
<a class='rss' href='http://feeds.feedburner.com/hacktutors' target='_blank' title='RSS'>RSS</a>
</div>
</b:if>

Replace hacktutors with your feedburner username. Again, find the following code:

]]></b:skin>

Just above that code, past the following:

.spinning_icons a{
width:48px;
height:48px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BUd16hpVoYg07ddW56MczU3QaZDSM_Dj_d_lJe-5cawr053mXRM8-NhiIloXeXbvOjuf0eUuOdPTCRr7QRXi4d2OjXaR3e54zzjDbk43fVshfKdOTtVFUcqQjIUiCdJhiFYZq2rLagk/s1600/twitter_32.png'); }
.delicious{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1QJuRD3-piY4cTJf4Q8gJMROy4NTFo6OH0ovMfIF95WmpXNIuwEIrO-BNHB7I5aBPAJD2zPTt_OlvnRlK0cigtlIEaR_lzouUUtJqOOXoK0fvACLbHYDTj8lHny8LLdodme9tniKqVA/s1600/delicious_32.png'); }
.digg{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJfWW1J6-09NqasOmy_kZ4TVzv2KlXjkzyK4lq5ZhBJPrWvZYnzFbtMUHg2GwQVmU42g8XKxKr1Af1vKGPalTNPE2dGcERk5AIFptd4dHhndkZw5iQ984f2MFwJ02Q4TdzM2ssc6xde2o/s1600/digg_32.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrQTCtnDW44EQHj2yTP_vGOXuIx6NYRZY0z2315ng_HW1Kij0uJm2XbrrsdS8kzOMll91W4uM626vNTexMcIkpKnqFBfgupvWYToEBXV7WXevMV52L9QFul_KAD4TzGM5emMlGSvM10eM/s1600/facebook_32.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtt8LLotJe01XZMb8RWSv2Xq4qrGuVPdjGX2PytwmYxOL7KvgMfsdym20JMIF1cuIX8tcDn06QNJ0_CSs4HcPFj1bcgDWAwleZb9cVTv5jIvwJfoSUd9kVrH3zDQP2-vgUeCupdxi4_0s/s1600/rss_32.png'); }
.stumbleupon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_nFOMNhXYPOLdbdv6KJ7uQuB3aR4ejhUHFZ4l3W1lOnoeThDueS5Io4gF8rO3WoZR6iOT6MzJNFODe-WOiApwxrEbo9JrAwyCHBXwz8VCyIH5lsIa8cqxk1PpIc_TXzrhYEvZwxiAhl4/s1600/stumbleupon_32.png'); }
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}

Now save the template and your are done! Have a look at your cool new bookmarking button that appears at the bottom of your post.

Thanks to Paulund for this cool CSS3 bookmarking button spinning effect.

source : http://www.hacktutors.info/2012/01/social-bookmarking-buttons-with.html --------------------------------------------------------------------------------------------------------------------------------------------------