Add The Google +1 Buttons On Your Blogger Blog

1. Go to your Blogger Dashboard > Design > Edit HTML

2. Click on the “Expand Widget Template” and search for </head> and paste the code given below just before it.

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

3. Now copy and paste the code given below where you want Google +1 button to appear on your blog.

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

4. Save the template and check your blog for Google +1 button.

If you want then you can change the design of the Google +1 button by changing the size as medium, standard and tall. You can also change the position of the Google +1 button by changing the float as left or right.

Now here is the second method. If you are using a Blogger default template, then you can add the Google +1 button directly to the share buttons at the end of the post as shown in the image below.




1. Just go to the Blogger Dashboard > Design > Page Elements > Blog Posts.

2. Now click on the Edit option, and select the “Show Share Buttons” option. If you are already using the Share buttons then, the Google +1 button will automatically show up as a new share option. Select it and save it. Done.

Cheers~~