How to use & install Google +1 button?
Google has finally made public their social share button called “+1” globally. You can now (like) +1 for your favorite websites or install one in your own site. +1 means you do like it or equivalent to it, and is displayed on your public Google profile page (see TechSansar’s Google Profile page here), visibility is still controllable. According to Google Webmasters site, +1 button will let your content readers recommend it on Google search. It will be on one or the other way related with the Google’s Social circles – sooner or later.
How to create and install a custom +1 button or use it in Google Search?
Installing Google +1 Button on WordPress blogs, Joomla, Drupal and other websites is rather easy. Just follow these two steps and you are done. Codes here are for standard +1 button of 24 px size.
- Go to header.php and place the following code before </head> .
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script> - The next is to render +1 button, so put the following code in widget or in the page/post like in this article or where ever you want.
<g:plusone></g:plusone>
However, installing Google +1 Button on Blogger blogs is rather the same but your code on step 2 has to be placed rather cautiously – you know Blogger’s blog has lot of messy stuffs on code part, right?
- For +1 button installation on blogger blog, go to your blog, click on Design > Edit HTML and search for <head> and paste the following code.
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script> - Now the next step is to place Google +1 button in the post area. To do that place the below code in coding part where you want the +1 button to render.
<g:plusone></g:plusone>
If you want to customize your Google +1 Button in different sizes, visit the official Google +1 website. Below is a nice video to learn more about the +1 button.