ADD FACEBOOK LIKE AND TWITTER FOLLOW BUTTON BELOW EVERY POST IN BLOGGER

This tutorial will show you How To Add Facebook Like and Twitter Follow Button Below Post In Blogger. This widget will help you in increasing your blog's facebook likes and twitter tweets and this is what your blog's need.

HOW TO ADD FACEBOOK LIKE AND TWITTER FOLLOW BUTTON TO BLOGGER

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

<data:post.body/>

OR

<div class='post-footer-line post-footer-line-1'>

• Now Paste the Code shown below just before/above it

<div style="margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; ">
<div style="float:left; width:272px; border-right:1px solid #ddd;">
<iframe allowtransparency="true" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flatesthacking&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62" style="border:none; overflow:hidden; width:292px; height:62px;" frameborder="0" scrolling="no"></iframe>
</div>
<div style="margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;">
<iframe title="Twitter Follow Button" style="width: 266px; height: 32px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=latesthack&amp;show_count=true&amp;show_screen_name=true&amp;size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
</div>

• Replace latesthacking with your facebook username and latesthack with your twitter username

FACEBOOK LIKE AND TWITTER FOLLOW BUTTON DEMO