Breaking News

Add Google +1 Button To WordPress And Blogger


Google has officially launched +1 button before an hour. So here is our little guide on how to add the official Google +1 button on your WordPress and Blogger blog.
google plus for wordpress and blogger

For Blogger

Go to Edit HTML and search for <head>. Soon after that place the below code
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
</script>
Now the next step is to place the Google +1 in the post area. To do that search for <div class="post-header-line-1"/> or <data:post.body/> and place the below code immediately after it
<div style='float:right; margin-right:10px;'>
<g:plusone expr:href='data:post.url'></g:plusone>
</div>
Google offers four different types of button from which you can select any one of those. For more information kindly check the post footer

For WordPress

WordPress users go to header.php search for </head> and immediately before that 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>

Options

As I said, Google offers 4 different types of button
size="small"  - To display small size +1 button of 15px
size="medium" - To display medium size +1 button of 20px
size="large" - To display large size +1 button of 60px
For an example if you want large button, check this example
<g:plusone size="tall"></g:plusone>
 
For more details check out Google +1 resource from Google

6 comments:

  1. Nice one...i also posted this article,i dont think google will help us much like facebook LIKE button,i think it will take time for Google +1 button to popularise us.still i have added this i hope this take my blog in top results.....

    ReplyDelete
  2. Hello!
    Nice post!
    In my blog I described how to add Google +1 Button to every WordPress blog post in respect to iNove theme. I added the +1 button manually editing php files. Probably, it could be useful for someone. The article is here - WordPress: How to add Google +1 Button to WordPress blog post.
    Thanks!

    ReplyDelete
  3. I did like to sincerely to this blog for some kind of unwavering goodness, endless kindness and invaluable support in the world of digital media marketing..

    ReplyDelete
  4. Social Wifi Free-Get Free Social Wifi, Facebook Marketing Strategy, Social media tips & tools for better business management & strategy with your WIFI by from VizzWifi.co.uk.

    ReplyDelete
  5. USA. Uk.canda likr price .......1.2m please price

    ReplyDelete
  6. I am regular reader of your blog and no doubt it all stuff is awesome. The best thing about your sharing and posting is that you always provide content that is helpful for both the newbie and experts. Looking for more stuff and tutorials.

    Love from Bloggers Town

    ReplyDelete

Any Comments ?

Designed By GP