Hey guys, today is another set of marvelous package to help ease stress for ProBloggers (me inclusive) and help do away with the stress of registering and connecting site to Facebook before having its comment box in blogger's blog.

In our previous lesson, in case you missed out, on How To Add Facebook Comment Box with Notifications in Blogger, I shared easy steps and most people had difficulties in one way or the other in implementing their comment box successfully on their blog. Today's lesson is different. Just in a click and thats all.

Lets get started:

Step by step on how to add facebook comment to blog with thumbnails and notifications.
  • Log in to your blogger dashboard
  • Select your blog from the list (if you have more than two blogs in one account
  • Select Template





  • Click on Edit HTML
  •  Find this code  

<data:post.body/>
  • There, you will find more than one <data:post.body/> in your responsive template. Copy the below code and add to all sections of the above code. Remember, it should be at the end section of the closing tag.
<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'/>

  • Click SAVE and thats all.
Enjoy your comment box and thank me later. Smiles....

Have any questions? Feel free to ask me via the comments section! Remember to share this tutorial with others on Facebook, Twitter & Google Plus.