Simple Trick to Add +1Botton to blogger

How to add the +1 Button to Blogger with simple trick?

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for </head>
4. Paste the code below just above </head> 
   

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

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>

-------------------------------------------------------------------------------------------------
     5.   Check the "Expand Widgets Templates" Box at the top right corner. In order to place the button just below Post titles then search for this code <data:post.body>  and place the +1 button code given below just above it,

<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>

• You can display it to "left" and "right" by adjusting left
• You can change standard to medium, small or tall. Choose the size that may blend your template.

Tall, small, Medium Respectively Samples:

   

---------------------------------------------------------------------------------------------
6.  If you want the button to appear below blog posts then add the button code just below <data:post.body>
    7. Save your template to see it working. Have fun! :>

Other Method

To add the +1 button to your blog directly without any code then you’ll need to enable Share buttons on Blogger. To do this, go to Design > Page Elements on your Blogger dashboard, find the Blog posts area, click on Edit, and select the “Show Share Buttons” option. If you are already using Share buttons, then you don't need to worry as the +1 button will automatically show up as a new share button.