Add Google +1 Button to Blogger

Posted by MyNameUS

Google +1 button is now available for websites and I recommend you Blogger users to add this new cool button to your blogs because it is another parameter that affects your website’s ranking on search results. So basically you should not ignore the button. It is pretty easy to add Google
+1 button to blogspot blogs you don’t have to mess with lots of code snippets. Now go to Google +1 button page and generate your button.

Now, the next step is : Click “Design” tab from Blogger Dashboard and then click “Edit HTML” link. You will see your template codes, in order to see the detailed coding of the template you must click “Expand Widget Templates” link as shown in the screenshot given below.
After you expand the template, find: <data:post.body>

using CTRL+F combination and then paste the code you generated above the lines. Now in order to make it look better we will add some css styles to our button by adding div style. The code we are supposed to paste will look like this :

<div style="float:left;">
<script src="http://apis.google.com/js/plusone.js' type='text/javascript"/>
<g:plusone/>
</div>

If you want to make Google +1 button appear on the right simply change “left to “right”. Finally, it must look like this :

 Save and refresh your home page. -->> Done!