Jun 16, 2011

Filled Under: , ,

Adding Google +1 (plus one) button in Blogger | Blogspot

Hello Bloggie! Anyway, add the Google +1 (plus one) to your blog (Blogger) is almost similar like you
add Facebook like button. Which they both telling us friends who recommended every single of your post to another friends, and this is good to make your blog more popular.

Well, if you're wondering how to add a Google +1 button to every blog post in a Blogger blog, then now you're in the right page. So, just follow the very simple instruction step bt step below: But firstly you may want to check how Google +1 button looks like when I have added on my blog (In this case I added them in the Floating Social Buttons, not under in every single posts instead), check out!

How to add Google +1 (plus one) to Blogger

Step 1: Log in to Blogger

Step 2: From your Dasboard > Design > Edit HTML

Step 3: Download your Full template for backup

Step 4: Chcek or "Tick" the Expand Widget Templates on top right of the code window.

Step 5: Use (CTRL F) and Find this code <data:post.body/>

Step 6: Copy then paste the +1 button code immediately below (after) it:

<!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
<!-- Google +1 button End -->

Step 7: If you want to choose what kind of "style" of Google +1 button as you want, then you select the size of button by replacing the value of size "standard" attribute with a value from the table below.

Then You can remove the count by changing the value of count attribute from true to false.

Step 8: If you want to repositioning the button, then the code above positions the button on bottom left of each post. You can change the positioning if you wish.

Position it on top of post
Place the button code before (instead of after) <data:post.body/>
Position it on the right
Change the float from left to right.

That's it!


Post a Comment