Friday, June 3, 2011

How to add Google +1 (plus one) Button to your blogger

This is a newest Button that the Google announced few day ago.
 It also similar to Facebook like button and twitter button.
You have to log in  Google account to like this button.there have
 different size of Button . add it as your like.
+1 button, google +1 button, new google plus one button
1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F    </head>

4. Paste Below code before </head> tag

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

5. If you want add this button  Below your post title,or below post body.

6. Find this tag by using Ctrl+F   <data:post.body>

7. Paste below code before the <data:post.body>  tag  for add button to below post title
    Paste below code After   the  <data:post.body>  tag  for add button to below your post.

<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
There have different size button, If you want to change button size. Select Button below
and Replace standard word (above code ) with your button size. you can see the button list below.
(small , medium , standard , tall )

+1 button, google +1 button, new google plus one button,newest google button
8. Now you are done. Enjoy with New +1 Button

7 comments:

  1. wow~! thanks for sharing! now i can plus 1 :)

    ReplyDelete
  2. What a guide! Brilliant. Even I could understand and implement easily.
    Thank you very much.

    Do I have permission to quote you in my blog?

    ReplyDelete
  3. Awesome!

    I just added it to my blog.

    Thanks for the code.

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. Awesome! it is. But I'm not able to add this and not only this but I am not able to add LIKE button as like FACEBOOK, TWITTER.. or more.
    Because i can't find the code ''

    And in fact I saw another site they've also given another code along with this one,oh, I couldn't remember. But I did search with ctrl +F and I didn't get any result. plz help me...

    my blogaddress:- http://mone-prane-bangali.blogspot.com

    ReplyDelete
  6. Fantastic....thanks

    ReplyDelete
  7. Google plus one is the best social neworking sites on web.It is growing very fastly.Google plus ones will help you to get a high rank on google also.So it is not only a netwoking site,There are many advantages with it.Adding a plus one button is a good way collect plus one votes.Check this here is the way to add it with one time popout window

    http://www.tech-cave.com/2012/03/how-to-add-one-time-popout-google-plus.html

    Thanks

    ReplyDelete