Add Google Plus One Button on Blogger اضافه نمودن گوگل پلاس +1 در بلاگر

1. If you are already using the official Blogger Sharing buttons, you should be already seeing the +1 buttons on your blog. If it is not, then  go to that tutorial, and you will get the answer to how you can fix it.
2. No I don’t want to add that Blogger Sharing buttons, but would love to add the buttons somehow. If that’s the case, then read on..
3.Generate the +1 button code using the following generator.(The codes and the tutorial will be updated with the options that you make using the genrator)

Configure the Button

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

4. 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>

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

<div>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>

6.Save the template, and you should see the +1 buttons on your blogger blog.