Saturday, November 3, 2012

Add Facebook Like Box Just Below Of Every Blogger Post

Facebook is largest social media company in the world having alexa rank 2.If you have enough number of subscribers on facebook then just automatically publish your posts on your wall and get the traffic.Previously we shared two tutorials about adding facebook like button and twitter tweet button just below of blogger posts this time we will add a full width facebook like box below of every blogger posts.With using facebook like box your readers/visitors can like your fan page directly through your blog so that this box will increase number of your facebook fans.Now lets see how to add it to blogger blog.Also you can see the demo at the bottom of this page.

How To Add Facebook Like Box To Blogger Posts?

  1. Go to Blogger Dashboard > Design > Edit HTML
  2. First take a backup of your template
  3. Tick the expand widget check box
  4. Find for below code in your template

<data:post.body/>

Just after it paste below code
<b:if cond='data:blog.pageType == &quot;item&quot;'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbtsnts&amp;width=570&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:570px; height:180px;" allowTransparency="true"></iframe></b:if>


  • Now replace btsnts with your own fan page username
  • To change width of like box,adjust the value 570
  • If you wish to change heigh of like box then just edit the value 180