Add Google +1 Button to Blogger?

Google +1 sharing button is like Facebook like button, both have the same purpose i.e to show your friends that you recommend something that you found on web. Facebook shows the recommendations on the person's profile (who liked) while google +1 will be shown on the Google Search results.

This video would better explain how Google +1 Works:

       How to Add Google +1 button to blogger posts?

• Go to Dashboard > Design > Edit HTML and Back up your template
• Check the Expand Widget Templates checkbox on top right of the code window.
• Find the following code in your HTML:

<data:post.body/>








Paste the +1 button code immediately below (after) it:







<!-- Google +1 button Start -->

<b:if cond='data:blog.pageType != "static_page"'>

<div style='float:left;padding:10px;'>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
</div>
</b:if>

button End -->

<!-- Google +1 button ends -->
 









Save your Template and you are done.


        Customization:


Google +1 for Blogger can be further customized:



Select the size of button by replacing the value of size with a value from the table below.
Google+ Buttons Style

You can remove the count by replacing the value of count from true to false.
If you want your Google +1 button under the blogger post title then you would have to paste the Google +1 button Code Before <data:post.body/>
If you want to show your +1 Google Button on the right side , simply change float:left to float:right , add the code and save your template.

Enjoy!! G+ Button is shining your Blog Now!

Peace and Happy Blogging.