How to add facebook comment box to blogger very simple coding

Blogger is a free blogging platform and introduce many feature to bloggers. But long time they do not update in comment section till now. In blogger there is  no Reply button in comment section. hence bloggers are very suffer to reply readers comments. for that reply button they need help from plugin (deluxe comment, luv comments like) to this feature. On this way today we see how to add facebook comment box to blogger with very simple coding. Following below for easy steps


Step 1: Login to your blogger account and go to Design ==> Edit Html ==> and tick Expand Widget template.

<data:post.body/>

Step 2 : Copy the below coding and paste it below to <data:post.body/> this line.(If you add any widget like related post below to this line paste the below coding after that widget)

<h3>Post Comment</h3>
<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='3' width='550'/>

num_posts='3' - It shows default comment showing in your blog other comments in hide after click view more we can see that comment. You can change this count to your wish.

Width='550' - Facebook comment box width you can change this which is best for your template.


Step 3: Finally hit SAVE TEMPLATE to save your widget and check in your blog post pages to see the widget.

Step 4: you can use two comment boxes to this method but you like to remove blogger default comment box Design==> Settings ==> comments and select hide.

Note: Even if you follow the three steps correctly but comment box did not show means simply remove your facebook share button and check it.

This post is helpful to you please share it your friends. Drop your comment below.

7 comments:

  1. This is a great article you got here. Incase you didn't know where to watch movies online for free, here are the links to the site. They upload new movies weekly. You can request and watch movies online there, enjoy. God Bless.

    ReplyDelete
  2. I have a problem. The code works beautifully...except when I use a jump link. If you visit my blog peridotdynasty.com, you will notice that it's on top of my jump links on posts where I've used such a thing.

    ReplyDelete
  3. Hi is there any way to change the code where the comment box is the default colors? It looks good but when someone posts a comment you cant see it bc my background is black. Thanx

    ReplyDelete
  4. Finally!!! I've been trying with so many different codes for FOUR HOURS!!!! I can't believe this one was so easy and the only one that worked. THANK YOU!!!

    ReplyDelete
  5. Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.
    html5 hosting| html5 video hosting

    ReplyDelete