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

 
© 2012 All Rights Reserved Tech Shortly
Back to top