Why Should I add the Google +1 Button?
Now if you have further question, why should I add the Google +1 button on my blog? Well, at least there are 2 (two) reasons:
First, The +1 (Plus One) button will have a major impact on your Google search results. When a friend of yours does a search in Google, your +1s will count and show.
Second, You can get a detailed report about the +1 metric and how it affects your search traffic over at Google Webmaster Tools.
The main reason is more to promote our blog, of course.
Adding Google +1 (Plus One) button to Blogger
Step 1: Login to your Blogger account.
Step 2: Click on menu Design > Edit HTML > thick on Expand Widget Templates.
Step 3: Find the following code in your HTML:
</head>
Step 4: Paste this javascript code before the head tag above:
<script type='text/javascript' src='https://apis.google.com/js/plusone.js'/>
so the code will show like this:
<script type='text/javascript' src='https://apis.google.com/js/plusone.js'/> </head>
Step 5: Next, find the following code:
<div class='post-header-line-1'/>
Step 6: Paste this code below the above code:
<g:plusone size='standard'/>
so the code will looks like:
<g:plusone size='standard'/> <div class='post-header-line-1'/>
or, if your template doesn't have post-header-line-1 just search for data:post.body so your new code will be:
<data:post.body/> <g:plusone size='standard'/>
Step 7: If you want to configure the button size, you can change the 'standard' value to something else like in the table below:
Preview | Size |
small | |
medium | |
standard | |
tall |
Step 8: Now save your template by clicking SAVE TEMPLATE and you are done.
Refresh your blog page and you'll see the result. Good Luck!