How to add +1 button to blogger blog posts

New Google +1 Button

The new Google +1 button can be seen on many websites and blogs these days and is becoming quite popular on Blogger as well as Wordpress blogs. The button is like other Digg Buttons and Reddit buttons we see on many other blogs.

 

How it works

 

Learn what is the this +1 button all about

 

Every time you press the +1 button, 1 is added to the count which shows that it is being liked by other bloggers over the web. You will need a Google Account to be able to click on +1 button.

 

How to add +1 button to Blogger blogsTall Google +1 Button

 

  • Login to your Blogger Blog

 

  • On Dashboard screen click on Design

click on Design tab

 

 

  • Now click on Edit HTML on top tabs.
    Click on Edit HTML to see the HTML code

 

  • Click on Expand Widget Templates to show up the complete HTML template code.

Expand your Template to view the full code

 

  • Now find the </head> tag inside the HTML code of your blog and place the following code just before this tag:

 

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

 

  • Now again find <data:post.body/> and paste the code below to display the button on left or right of post body by changing the value of float:left or right.

    <div style='float:right'>

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

 

  • Click on Save Template and now you can see a +1 button on your posts.

 

  • You can also choose other different +1 buttons like small,standard just click here

 

If you Love Struck loved  my post, then feel free to subscribe to my feed Click here!

No comments:

You might like this too!