RSS

Navigation : Home / , , , , , , , , / Article : Add Google +1(Plus one) Button in blogger

Add Google +1(Plus one) Button in blogger

Google has recently released Google Plus one button, Some people says it Google +1 button, It is almost working like Facebook like button,Both of them are working same as friends are recommending them,  The main difference between Google +1 button and Facebook like button , Facebook send button ,Digg button ,twitter button , LinkedIn button can only below or above post wherever you put it, and Google +1 button is showing in Google Search Result page in Google Search below Result of your blog or website.





You can show Google Plus one button below each post by going to Blogger dashboard > Design > Page elements >here select the edit button under blog post element, You will be redirected to a page in a new windows, here tick mark the show share button and and save , now refresh your blog post and you will see the change without any coding.








However if you do not like to put the sharing button below post and you wish to add a floating Google plus one button in your blogger post, you can also add it simply by adding Javascript in to your blogger blog.

If you wish to put the Google +1 button before or after post with specific lay out , you can do this by adding following coding in to your blogger template.Do not forget to download/backup your blogger template first before changing any HTML code to get back your previews blogger template if you do not like changes you made.

GO to your Blogger Dashboard > Design > Edit HTML and backup your blogger template first so that if you do not like the change, you can revert it back by uploading previously back up template.
Search for the following code by pressing CTRL + F.
<data:post.body/>
Now if you wish to add Google +1 button before starting your content and below post tittle , you can put the following coding before the code, and if you wish to show it below your posted content, you can paste the following coding after that code.

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


Now Just save the template, You may customize your Google plus 1 button size by following attributes.
small
medium
tall
standard
Here we have given the size standard, you can find it in coding by pressing ctrl + F and search for size="standard"

If you do not wish to appear the count in Google +1 button, you may change the attribute true or false in count attributes.

Now save your blogger template and you have done!!!

Loading
 

0 Responses to "Add Google +1(Plus one) Button in blogger"

Do not add any spam messages, as we will strictly delete the spam comments, all content posted on this blog are free for use and for knowledge, do not spoil it with spamming.