How to Install Google +1 Button on WordPress & Blogger Blogs

Google has launched +1 button which helps users to publicly show what you like or recommend on the web. +1 button can be placed on any webpage on web and will make users understand the importance of a particular webpage. Since there exists so many clones of one information on the web, +1 button will make it easy for others to determine the trusted information.


When you +1 a page on web, the +1 button will turn blue and the same +1 will be added to the +1’s tab of your profile. +1 for web is a public action and it’s visible to all the users includings your friends. You can control the visibility of the +1’s tab.

+1 button is customizable and it’s available in 4 different sizes of 15px, 20px, 24px and 60px.Google +1 button sizes

Google +1 Button on WordPress Blogs

Google has made it simple for the installation of +1 button on your WordPress blogs. You need to follow the two settings mentioned below –

  1. Go to header.php and search for </head> and immediately before that place the following code <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
  2. The next move is to add +1 button for rendering, so put the following code in widget or where ever you want. <g:plusone></g:plusone>

Google +1 Button on Blogger Blogs

  1. For +1 button installation on blogger blog, go to your blog, click on Design > Edit HTML and search for <head> and paste the following code
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
  2. Now the next step is to place Google +1 button in the post area. To do that place the below code in coding part where you want the +1 button to render.<g:plusone></g:plusone>

The above code was for Standard (24px) size. For other sizes visit Google +1 button.

We will send you useful technology related Tips. Enter your email address :

Comments

  1. Ayush Agrawal says:

    wow thank you :D

    [Reply]

  2. I just now placed that Google +1 tall button to all of my blogs getting wonderful responses from visitors

    [Reply]

  3. added in my blog, Thanks

    [Reply]

  4. it relay working on my word-press. thanks.

    [Reply]

  5. Thanks Yogesh for given a excellent task on here. I have to install :)

    [Reply]

  6. nice tutorial thanx Yogesh for sharing it

    [Reply]

  7. Thanks for the share… :-)

    [Reply]

  8. Amit, Can i add this button on my site with text
    ” If you like my site, consider adding it to +1″
    will that be legal ?

    [Reply]

  9. You described very clearly. Thanks

    [Reply]

  10. Very detailed informative article….It helped me place it on my website….thanks a ton for the article..

    [Reply]

Speak Your Mind

*

More in Google (4 of 86 articles)


Google Plus

YouTube

Google Plus

Follow Me on Pinterest
  • Top 20 Emerging Technologies of the Near and Extent Future.

    Pinned: 12 Feb 2012
  • The Mouse gets cubed. The Logitech Cube turns the wireless mouse into a palm-sized cube that doubles as a presenter.

    Pinned: 12 Feb 2012