How to Add Google +1 Button to WordPress and Blogger(Blogspot)

Google has recently declared the launch of their much awaited +1 button. In this article we will discuss everything you need to know about Google +1 button, and step by step guide to add to your WordPress blog or website.

What is Google +1 Button?

Google’s +1 button is a huge step toward adding social aspect to search results. It is a similar concept as Facebook “Like” button except it is for search results. In Google’s word, it is your friend’s way of saying “this is pretty cool” or “you should check this out”. In other words, it is public way of stamping something with your approval, so that yours friends, contacts and other websites to find the best results they are looking for. This button is currently available on the English results for Google.com, and this is particularly important as it could influence the search engine rankings in Google. The more people will click on the +1 button, the  easier it is to get on the Google’s first page. There is no limit to number of +1 buttons you can place on your site. It will take some work to determine the best way to show all these different buttons. You can place any number of +1 buttons on your site as there is no limitation to add. Now learn how to add +1 button on your site:

Adding Google +1 Button in WordPress:

1. Login to your WordPress account.

2. Go to the Editor Option in Appearance, in the left toolbar.

3. Go to header.php search for </head> and immediately before that place the following code

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

4. Now you will have to Add the button you can do that by editing single.php by adding this code where you want to place the button.

<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

It will be good if you place it just next to all social sharing options like the Facebook’s “like” button. Once you do all this you are done with the adding.

Adding Google +1 Button in Bloggers(Blogspot):

1. Go to Edit Html and just before the <head> ends add the following code.

<script src="http://apis.google.com/js/plusone.js"></script>

2. Now next you have to add the Google button for that search for  <div/> or <data:post.body/>

3. Just when it ends add the following code.

<g:plusone></g:plusone>

So don’t wait further, just grab your +1 Button code after appropriate configuration and follow the above given steps to add it in your WordPress and Blogspot to improve your rankings in Google.

This entry was posted in Business Resources and tagged , , , . Bookmark the permalink.

3 Responses to How to Add Google +1 Button to WordPress and Blogger(Blogspot)

  1. Vladimir says:

    Thanks for this post…
    I like it and I’ll help you promote it for you too :)

  2. Pingback: How to Add Google +1 Button to WordPress and Blogger(Blogspot)

  3. Awesome! This is the best instructions I’ve come across. Worked like a charm, thanks :)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>