Like Facebook, Twitter Sharing button where user can share the content which he/she likes on facebook or Twitter respectively, Now Google has also released an similar button which is Know as Google +1.

When a User Hits Google +1 Button, this will help his/her contacts or others  on web to find the best result when they search on Google.

Now if you want to Add the Google +1 Button to your Blogger ( Blogspot ) Blog then follow the procedure given below :

Login into your Blog. Go to Blogger Dashboard > Design > Edit Html. Now Click on “Expand Widget Template”. Now Search for </head> and just above it add the following code.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>

Now Search for <data:post.body/> and Immediately above or Below (Depends on where you want to Display the Google +1 Button) this add the following Code.

<div style='float:left'>

<g:plusone size="small" expr:href="data:post.url"/>

</div>

Configure the Button Settings in the above code, Like what size Button you need on your Blog and their are four Sizes you can Choose from “small”, “standard”, “medium” or “tall” and also the location of the button in your blog and whether you want it to be displayed in left or right side you can change that in the above code.

I hope you Liked the Tutorial…

Stumble ThisFav This With TechnoratiAdd To Del.icio.usDigg ThisAdd To RedditAdd To FacebookAdd To Yahoo

14 comments

  1. shenoyjoseph // June 2, 2011 at 2:19 PM  

    I have seen a lot blogs placed Google +1 button to get more popular in Google search results.

  2. Kodocha // June 2, 2011 at 4:17 PM  

    Ah thank you so much for the help!!

  3. Admin // June 2, 2011 at 4:31 PM  

    @shenoyjoseph Because no one wants to miss little traffic also which they might get due to this Google +1 Button :)

    @Kodocha :)

  4. Vinesh Balan // June 2, 2011 at 6:18 PM  

    Excellent!

  5. ASWANI // June 3, 2011 at 10:21 AM  

    I added the code but the button wasn't appearing on my blog. I don't know why.

  6. Admin // June 3, 2011 at 12:30 PM  

    @Aswani Do one thing Directly add Both the above codes just Below or above < data : post . body / > and it should work...

  7. Arvind Jangid // June 4, 2011 at 4:20 AM  

    धन्यवाद ! इस उपयोगी जानकारी के लिए.

    Thanks , nice.

  8. Anonymous // June 7, 2011 at 12:26 AM  

    added both code above the

    but it didn't work.
    :(

  9. davdalx // June 15, 2011 at 11:10 PM  

    Doesnt work very well if AddThis is applied as a gadget

  10. Anonymous // July 14, 2011 at 7:56 AM  

    Two thumbs up!!

    Great tip.

  11. icyteru // July 27, 2011 at 9:46 PM  

    thanks for the info. my new blog automatically have this, but my old blog doesn't. so i have to add it manually

  12. Memulai Bisnis Online // August 6, 2011 at 4:53 AM  

    If we put it below , there will be two Google Plus Button below our article and also on share buttons.

    This is the solution
    1. Go to Design --> Page Elements --> Add Gadget
    2. Choose "HTML/Java Script"
    3. Add Google Plus button code for Blogger there.
    4. Click SAVE

    You will only see one Google Plus One button.
    Cheers.
    Anto

  13. Blind Squirrel // September 28, 2011 at 4:19 AM  

    Thanks! That worked great!

  14. wayan aditya // October 8, 2011 at 9:22 AM  

    Thanks... it work in my blog..

Post a Comment