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

<data:post.body/>

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

 <!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<p></p>
<div style='float:left;padding:10px;'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
</div>
</b:if>
<!-- 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.

<data:post.body/>


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

<data:post.body/>


» 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