Add Twitter Follow and Facebook like Button Below every blog Post in Blogger/BlogSpot

By: Unknown on 00:43

Share it Please

Tweet

This tutorial I will show you how to Add Twitter Follow and Facebook like Button Below every blog Post in Blogger/BlogSpot. It will increase your blog's Facebook likes and twitter Followers and you will get moreFollowers and likes. It is Very easy to install in your Blog. This Plugins is made Compatible to work with all browsers especially with IE8. Today i am giving the Code and How to add the Social Subscription Widget to your Blogger/BlogSpot Blog. Let's start adding this Plugins :)

How to Install This Plugins in your Blogger/BlogSpot Blog?

The steps are made really simple. Follow these,

• 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%2Furdu2uts&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=urdu2utorail&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>

• Save the widget and you are done!

Now make these changes,

Replace urdu2uts with your Facebook username and  urdu 2uts with your twitter username

Finally save your template and Visit your blogs to see it working just perfectly.  If still you are getting any single problem then feel free to mention it via comments, I will reply as soon as possible.