Google recently introduced their own social button just like those we commonly see, such as Facebook Share, Tweet It, Digg It, etc. Just like Facebook and Twitter button that let you share content to your followers or friends, Google +1 button let people who love your content to recommend it on Google search. The pages that you plusone-d (+1′d) can then be useful to your friends and contacts in your Google Account. They can see what you recommended, thus their search results will be something like this:
This feature can be turned off though, if you don’t like this. You can go to Google Account Settings > Under “+1 on non-Google sites” > Click “Edit” > Select “Disable”.
First of all, Google has its own code generator for the button located at here. Now. decide the style and size then come back to here again.
Open your theme’s header.php, paste this or similar codes from the generator, ONCE ONLY, into <head> tag:
If you want your button to appear in single post or page, first open single.php or page.php, identify The Loop. More information about The Loop at here. Next, paste this button render codes or the codes generated by google, after
The code above should make the button nicely, your page URL will be auto detected so nothing we need to change here.
If you want your button to appear in blog index for every post, first open index.php, identify The Loop and paste this button render codes or the codes generated by google, after or
We need to include a href=”" attribute here because every post has their own URL. like this:
<g:plusone href="<?php the_permalink(); ?>"></g:plusone>
In other words, no matter how your generated render codes looks like, just add the following href attribute into the plusone tag.
href="<?php the_permalink(); ?>"
This is how my Google +1 Button for this page looks like: