In general you just need to add some code to your site. As of now, the code to add is shown below. You can always find the current code from http://www.google.com/webmasters/+1/button/:

<!– Place this tag where you want the +1 button to render –>
<g:plusone annotation=”inline”></g:plusone>

<!– Place this render call where appropriate –>
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

If you are using WordPress or another system in all likelihood there are plugins to do this for you. For WordPress, just log in to your Admin panel, then under “Plugins” “Add New” (as of WordPress 3.3 those are the menu names, they could change). The plug-in we use here is “WP Google Plus One” and it works well.

Google lets you select various options for the Google Plus One buttons:

1. The size – from small to tall, 15 pixels to 60 pixels
2. The annotation – inline, none, or bubble
3. The language with English being one option
4. Advanced options let you control more features but we won’t get into them here.

If you know of others for other CMS’s please let us know below.

Go ahead and click it.  Clicking on the “+1″s is a vote for a particular web site.  Did you click it yet?  It changed color showing you did so.

Why do you care?  Google Plus Ones are essentially votes for your web site. So your family, friends, and everyone know you like a particular site.

Google Plus Ones may help your web site in the search engines. Therefore, if you like a web site, go ahead and click the “plus one” icon to let others know you enjoy the site whenever you see the Plus One button.

Some options for Plus Ones that are listed on eBay, are shown below: