How to Add Facebook Comment Box to Blogger/ Blogspot Blog

Facebook comment box is one of the useful tool for bloggers to increase conversations. This article is about how to add Facebook comment box to blogger/ blogspot in very easy and simple steps.

1. Login to you Blogger dashboard and navigate to Layout > Edit HTML and check on Expand Widget Templates.
2. Search for the code:

   </b:includable>

   above this code:

   <b:includable id='status-message'>

3. Copy the code below, and paste above </b:includable>:

   <b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
   <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
   <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
   </b:if>

4. To change the width of your comments box, please change 500 to what ever you want, it’s in pixels, and now please click Save Template , then check your blog. I wish it looks great and works perfectly.