Add Facebook Like Box Below Every post in Blogger

Facebook have grown as the very vast social network on web today. It have millions of users today and the number of users rapidly growing day by day. Facebook like box helping the bloggers from its start to promote their blog on Facebook which is the biggest social network all over the web. Facebook likes representing the reputation and readership of every blog by showing the number of social fans of that particular blog. So considering these points of necessity, adding easy and simplified Facebook plugins on your blog and attracting more number of Facebook users to Like your blog really matters a lot for each bloggers like you. 

In my busy schedule i have forgot to write tuts on adding different Facebook plugins on your blog. So today i am going to give a simple tutorial on how to add an simple Facebook like box below each post of your blog which catches the readers eye in a glance. Let me go with the tutorial on how to add this on your blogger blog.

DEMO

Facebook Like Box Preview

How To Add Facebook Like Box Below each blog post

1. Go to blogger dashboard > Template > Edit Html ( Tick the expand widget option).

2. Find For <data:post.body/> and paste the following code just below it.

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

3. Replace Bloggertricks with your Facebook page username.

4. Replace width=590px and height=180px with your desired width and height to fit well on your blog.