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

3 comments
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 more Followers 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%2FMybloggerblog&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=
Mybloggerblog&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 Mybloggerblog with your Facebook username and Mybloggerblog 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.

Next PostNewer Post Previous PostOlder Post Home

3 comments:

  1. Thanks, It worked in my blog. http://houseretailnews.blogspot.com/

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Your blogs and each of its stuff is so pleasurable and valuable it is making me come back soon.
    Internet Marketing Conference

    ReplyDelete