1- Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says "Expand Widget Templates"
2- Inside the html code look for the tag: <post-header-line-1/> to add the buttons on the top of the posts or <data:post.body/> to add the buttons to the end of the posts, Directly after one of those tags add the below code:
<b:if cond='data:blog.pageType == "item"'>
<div align='right'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like layout='button_count'/>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YourTwitterUsername">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>
3- Save and Your Done
2- Inside the html code look for the tag: <post-header-line-1/> to add the buttons on the top of the posts or <data:post.body/> to add the buttons to the end of the posts, Directly after one of those tags add the below code:
<b:if cond='data:blog.pageType == "item"'>
<div align='right'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like layout='button_count'/>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YourTwitterUsername">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>
3- Save and Your Done
Comments
Post a Comment