How To Add Google +1 Button To Blogger And WordPress

Recently Google released their +1 Button that will show publicly what you like or recommend on the web. When you plusone (+1) an post, your name will appear under that post when that post appears in search results. You can also find out when your friends read, liked and recommend any post. Google introduce this +1 button to make Google search more useful and relevant.
So here is our little guide on how to add the official Google +1 button on your Blogger and WordPress blog.

For Blogger Blog

From Dashboard go Design > Edit HTML and by pressing F3 search . After that place the below code –

You can customize this code. Better if you go their official site Google +1 your website. You also can add this button by using blogger official share button. To add this go Design > Page Element and click Edit on post. A new windows will appear like following.
For WordPress Blog
To add this button into your WordPress blog go to header.php search and immediately before place the following code –

Next up is placing the button where you actually want on your blog, so go to single.php and place the following code where you want it to display