How to Add Google +1 (plus one) button to Blogger Blog

Google plus one (+1) button is like the Facebook "like" button and is used to share the content with your friends and family with the help of just a single click. Once you (+1) any content online that will be shown in your friends search results. Many webmasters have adopted this latest feature from Google that is in serious competition with Facebook Like button.

So lets get started and add this feature to our blog in  few simple steps.

Step 1:

Go to Blogger Desgin >> Edit HTML and tick the check box.
Then find for the following code:

To Add the Button above the post:

<div class='post-header-line-1'/>
and just below this code add the following code:

<!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:left;padding:10px;'>

<script type="text/javascript" src=""></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
<!-- Google +1 button End -->

 Note in case you cant find the (<div class='post-header-line-1'/>) then you can find:


and add the button code just below this code.

To Add the Button below the post:

Find the following code:

<div class='post-footer-line post-footer-line-1'/>

or if you cant find this one you can find :


And Paste the button code just below it.
Now click the save template button and you're good to go.

You can also use Google Configurator to quickly get their +1 Buttons.


 To change the sizes of the button you have 4 options to play with.






 Change the these attributes with these names (Tall or standard etc) with the size already in the button code highlighted with red. You can also change the following values like : (float:left) to right if you want the button to be on right side of the post whether it is below or above the post body.

Also you can change the  count="true" value to false if you dont want the counter to be displayed with the button.

Thats all! Hope that was easy to implement.
Let me know if there was some problem through comment section below.



AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
BloggingeHow | Making Blogging Simpler: How to Add Google +1 (plus one) button to Blogger Blog
How to Add Google +1 (plus one) button to Blogger Blog
BloggingeHow | Making Blogging Simpler
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy

Tools of the Trade