How To Add Google +1 Button To Blogger And WordPress

by Rajib Kumar

Recently Google released their +1 Button that will show publicly what you like or recommend on the web. When you plusone (+1) an post, your name will appear under that post when that post appears in search results. You can also find out when your friends read, liked and recommend any post. Google introduce this +1 button to make Google search more useful and relevant.

How To Add Google +1 Button To Blogger And WordPress

So here is our little guide on how to add the official Google +1 button on your Blogger and WordPress blog.

Add Google +1 Button on Blogger Blog

From Dashboard go Design > Edit HTML and by pressing F3 search <div class="post-header-line-1"/>. After that place the below code –

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

<g:plusone></g:plusone>

You can customize this code. Better if you go their official site Google +1 your website. You also can add this button by using blogger official share button. To add this go Design > Page Element and click Edit on post. A new windows will appear like following.

 

How To Add Google +1 Button To Blogger And WordPress

 

Add Google +1 Button on WordPress Blog

To add this button into your WordPress blog go to header.php search </head> and immediately before </head>place the following code –

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

Next up is placing the button where you actually want on your blog, so go to single.php and place the following code where you want it to display

<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

To learn more about Google+ check out the following video:

Popular Search Tag

  • Add google +1 to website
  • Google search button
  • Google like button
  • 1 button
1 News June 6, 2011 at 8:28 pm

really amazing post this is

2 azgor June 7, 2011 at 11:19 am

i think this +1 button will helpful for SEO

3 Rajib Kumar @ How to Blog June 7, 2011 at 3:54 pm

@Azgor, yeah but its algorithm is very complicated..

4 Printable Pizza Coupons June 8, 2011 at 10:26 am

I think its a great tool. Nice share!!

5 HDBloggers June 11, 2011 at 5:38 am

Thanks for sharing this i am using thesis and i wanted to add it in my blog after post title.

6 SEO Tutorials, Tips & News September 23, 2011 at 5:07 pm

Thanks for sharing that. This will be very useful when combined with other sharing features. I think it is all the more relevant now that Google has decided to introduce the +1 button to AdSense adds too.

7 Pankaj Sanam October 1, 2011 at 6:28 am

Nice article but if you are using wordpress.com then you don't have to do above things. All you have to do is, just find the plugin in Admin area and then install it.

Comments on this entry are closed.




Previous post:

Next post:

. Border