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 Template"
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'/>
Step 6 : Now Copy below "
Blogger Sharing Buttons" code and paste it Just below the above code.
NOTE: If you can't find
<div class='post-header-line-1'/> in your template, paste "Blogger Sharing buttons" code
just before <data:post.body/> .
<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
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
form above code.
Step 7 : Now save your template and you are done.
2 blue lines.