+1 from google(competing with facebook share / send / like)

(+1) SHARING BUTTON from google(competing with facebook share / send / like)

google has released an alternative to the Facebook and Twitter Sharing buttons named +1.If you like something that you find on the web, you can hit the +1 button, and your +1's will help friends, contacts, and others on the web find the best stuff when they search


. This tutorial will guide you on adding the same to your Blogger Blog.

Checkout this video to know more about the +1 button

Adding Google Plus one (+1) button to Blogger

Generate the +1 button code using the following generator.

NOTE: (The codes and the tutorial will be updated with the options that you make using the generator)

Configure the Button

Demo

Button Type StandardSmallMediumTall Language Arabic Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English (US) English (UK) Estonian Filipino Finnish French German Greek Hebrew Hindi Hungarian Indonesian Italian Japanese Korean Latvian Lithuanian Malay Norwegian Persian Polish Portuguese (Brazil) Portuguese (Portugal) Romanian Russian Serbian Swedish Slovak Slovenian Spanish Spanish (Latin America) Thai Turkish Ukrainian Vietnamese Float None LeftRight Location of the Button Below the Post Content Above the Post Content Display On Post pages only EverywhereEverywhere other than Static Pages

 Go to Blogger Dashboard > Design > Edit HTML and click on the button which says “Expand widget Templates”. Look for </head> and immediately above that paste

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

 Now look for <data:post.body/> and immediately below that paste

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
</b:if>

6.Save the template, and you should see the +1 buttons on your blogger blog.
Loved the tutorial? then +1 it