How to add Google +1 button to Blogger

Google had been under experiment with plus one button and finally they made it live over the web on 1st June, 2011. The plus one button lets you recommend things you like to friends and they will see your recommendations in Google search results and over time in Ads and possibly other places.In search now you can see the plus one’s of your friends, contacts from Gmail, Google Reader and Google Buzz. This tutorial will teach you How to add Google +1 button to Blogger. Plus one button comes in four sizes. Here are the demos of those four

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

Search for </head> tag inside your template [You can search for this by pressing CTRL + F on your keyboard]

Once you find it, paste the following code snippet just above/before </head> tag

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

It should look like this 

 Hit SAVE TEMPLATE

Now got to Google’s +1 Official site and get the button’s code you prefer for your website or blog. Once you get the code, put it anywhere you wish to show +1 button. For example if you want to show +1 button above every post, find <data:post.body/> and paste the code just above that and vice versa. If you face any problem, don’t hesitate to drop a comment in the comment section below