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

Share:

This tutorial I will show you how to Add Twitter Follow and Facebook like Button Below every blog Post in Blogger blog. 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 :)

Read also: Add HTML5 Facebook like Box to below each Blogger post

How to Add This Plugins to Your Blogger Blog?

The steps are made really simple. Follow these,

  • Go to Blogger Dashboard –> Template –> 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 two green highlighted MyBloggerBlog with your Facebook and 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.

About Md. Atiqur Rahman

Md. Atiqur Rahman (Atik) Is the Founder & Author of this blog. He is 22 Years Old Professional Blogger. He Currently Living In Manikgonj, Dhaka, Bangladesh. He Is Also A Skilled Web & Computer Graphic Designer. He Like To Blogging About Anything Related To Blogging & Technology.

Comments

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

  2. This comment has been removed by the author.

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

Comment Policy: Your words are your own, so be nice and helpful if you can. Please, only use your personal name, not your business name, not your business name. and limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Speak Your Mind

*

Previous Post:
Next Post:
css.php