My Blogger Blog: All About Blogging
Find Quality Widgets For Blogger, Free Blogger Gadgets, Templates, Themes, Learn SEO and Blogging tips.

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

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.

Enter your email address to get update!
Print PDF
Next
« Prev Post
Previous
Next Post »

2 comments

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

Reply
This comment has been removed by the author.

Copyright © 2012 - 2014 MyBloggerBlog - All Rights Reserved | Template Design by | Powered by Blogger