It is official, Google is now going after your clicks like Facebook and Twitter, with their +1 button.

Now how do you install the +1 button it to your WordPress site?

Step 1: Edit the footer.php file.

Well you need to start by adding some JavaScript to your theme files. Go into your Theme editor and open up your Footer.php file.

image

Then find the ending </body> tag. Then go here http://www.google.com/webmasters/+1/button/index.html. Then choose the type of +1 button you want.

I am choosing the standard +1 button.

Which means that my code looks like this:

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

Then update your footer.php file.

Step 2: Add the code to the widget sidebar

Now you can add the code to your loop.php file, but right now we are just adding it to the Widget sidebar.

The code you need to add is this.

<g:plusone></g:plusone>

So drag a text widget onto the sidebar. You can put a heading in if you want, and then the code below.

Google +1 code

And this is what it will look like below the new Twitter follow button.

Google +1 and Twitter Follow button

Hope that helps you.

About Paul Ogier

Paul Ogier has written 202 posts.

Paul Ogier is an IT Guru, Website Developer, and generally a nice guy. He loves code and he loves design.