How To Add +1 Button Below Post On Blogger Blog

Google plus has now been approved to be included also in google search results. And it is also social service that has grown large over the years and it is following google buzz and was lunched in June 2011.

Today we are going to talk on how to add +1 button on your blogger blog  which was been introduced to be able to assist webmasters with this you can check what articles does your friends read or love the most.
Just follow the steps below

Step 1
You need to login to your blogger account and then click on the blog you want to work on.

Step 2
Now scroll down your mouse to the template tab and then click on it then on the template page click on edit HTML.

Step 3
Then make sure that you backup your template first before performing this task.

Step 4
Now on your keyboard press CTRL+F button and then search for this code below

                        </head>

Step 5
Then paste this code before this </head>

<script type=”text/javascript” scr=”//apis.google.com/js/plusone.js”> {lang: ‘en-US’}
</script>

Step 6
After pasting the code scroll your mouse to the top and click on the expand check box

Step 7
Now on your keyboard press CTRL+F button and then search for this code below
           <data:post.body>

Step 8
Now add this code below  this <data:post.body> 

<div style=’float:left’>
<g:plus one size=”standard “
expr:href=”data:post.url”/>
</div>

Step 9
Now just save the template and then click the preview button to see how it is.

That’s all you need to do don’t forget to drop your comment below thanks.