How to Add a +1 button to your posts

Google has recently release a new button for blogs, this is the +1 button.

It's a button similar to the "Like" button of Facebook.

This button will help your posts to get more popularity.

Let's start!

In Blogger go to Layout>Edit HTML and check the "expand widget templates" box.

Search the </head> tag in your template using your browser search function.

Immediately after the line </head> paste the following code:

<!-- +1 button -->

<script lang='ss' src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

Now let's see where you can put the button.

If you want the button below of the post tittle, as I have it:

Search the line <div class='post-header-line-1'/> tag in your template and below it put this code:

<g:plusone></g:plusone>

If you want the button at the post footer:

Search the line <div class='post-footer-line post-footer-line-1'> tag in your template and below it put this code:

<g:plusone></g:plusone>

All right, we have finished it. Now your blog have the +1 google button.

Take advantage of it!

Share It!