ADD Google +1 (Plus One) Button to Blogger

Google Plus one button to take on Facebooks like button is launched, Now search results can be personalized depend on the +1 of your input.
Google search results appeared with star-like rating system long time back, is now occupied with Google plusone.

Need of  Google +1 to your Blog or Website Means:
Add +1 to your pages to help your site stand out.
+1 buttons let people who love your content recommend it on Google search.

» If you are already using the Official Blogger Sharing Button's you should see it already.

Now let's look at how to add Google +1 Button to Blogger Pages :

1. Go to Dashboard >> Design >> Edit HTML.

2. Check the "Expand Widget Templates"

3. Look for


4. Paste the following code below <data:post.body/>

 <!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:10px;'>
<script type="text/javascript" src=""></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
<!-- Google +1 button End -->

5. Customize the button:

» Select the size of button(see image below)

 Change the size in this line

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

» Location of the Google +1 Button
- Put the button below the Post Content: Place the code of the button after the code below.


 - Put the button above the Post Content: Place the code of the button before the code below.


» Positing it on left or right of the content
- Change the position in following line: (change to left or right)

<div style='float:left;padding:10px;'>

If you like this post, Don't forget to +1 it