This quick and easy tutorial will explain how to enable Google +1 Button with Blogger Share Buttons. If you are already using Blogger share buttons in your blog, you can skip step 1.

"+1" is often used as a digital shorthand for "this is pretty cool." It’s also a way for friends, contacts, and the rest of the world to find great things on Google search. Google launched the +1 button back in March as a way to help share web content and make search more personal and relevant.


From Blogger Buzz



Step 1 : First enable share buttons for blogger editing the Blog Posts widget from Page Elements section



Step 2 : Go to "Edit HTML". Click on "Expand Widget Templates"


Step 3 : Find this and remove it:


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



Note : If you can not find above code, then skip that step.


Step 4 : Now add below code just above the </head> tag.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>
Step 5 : Scroll down to where you see below code:

<div class='post-header-line-1'/>

This will show blogger sharing buttons below post header in blogger post pages..But if you want to show share buttons below blogger post,then paste your code just after <data:post.body/>. Also if you want to show share button in every page, then remove 2 blue lines form above code. Step 7 : Now save your template and you are done.