How To Add Google +1 Button Into BlogSpot Blog

All of you know that Harsh have already posted about Google +1 button and how to install it on WordPress Thesis theme . But , he didn’t write about how to install it on Blogger . So , today I am going to tell you that how to add a Google +1 button with counter inside all the posts of Blogger . So , just follow the steps below step wisely and you are done :-

• First login to your Blogger’s dashboard and click on the ” Design ” tab .
• After that , click on the ” Edit HTML ” tab and expand your widget templates .
• Then , find this code [ CTRL+F ] :- <data:post.body/> .
• If you want to view this +1 button above the content of your page then just paste the following codes before <data:post.body/> :-

<div style=’float:left;padding:0px 0px 0px 0;’>

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

<g:plusone size=’tall’/>

</div>

If you want to show this +1 button in the right side of your post , then replace ” left ” with ” right ” in the code above .

• And , if you want to show this Google +1 button in the end of your post , then place the same code but after <data:post.body/> .
• If you want this +1 button to be appeared on in the post pages , just make a little bit change in the main code . I have already modified the code , so here is the code :-

<div class=’post-body entry-content’>

<div style=’float:left;padding:0px 0px 0px 0;’>

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

<g:plusone size=’tall’/>

</div>

</div>

In the same way , you can place the above codes before or after data:post.body depending upon where you want to place it .

Article by Priyangshu

Priyangshu has written 1 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

Follow @ShoutMeLoud