Saturday, 13 August 2011

How to add the share buttons and google +1 into the blog

How to add the share buttons and google +1 into the blog?


The first way is by making a check mark on the show share buttons on the blog post:

Login >> Dashboard >> Design >> Page Elements >>  on Blog Posts click Edit >> check mark on the Show Share Buttons >> Save.
More detail read here.

If in this way, share button icon has not appeared on the blog, you can use this way:
1. Login to www.blogger.com
2. Click design >> Edit HTML
3. Download full template, and then click Expand Widget Templates.




4. Find <data:post.body/> or <p><data:post.body/></p>
5. Put this code, under <data:post.body/>

<div style='clear:both; padding: 10px 10px 10px 10px;'> <b:include data='post' name='shareButtons'/> </div>
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

6. Save.