Facebook comment box is one of the powerful tool to increase blogger traffic as well increase conversation of blogger page. Here is the simple steps to add Facebook comment box to your blog or website (esp. at the end of the each post in your blogger).
Step 1: Login into blogger account and then click on Template –>Edit Html (in new blogger interface) or Design–>Edit Html (older blogger interface)
step 2: Click on Edit html and proceed next step. Now check the Expand Widget Templates check box at the top page.
Step 3: Now find <data:post.body/> in the blogger source code and paste the following code like one shown in the above picture.
<b:if cond='data:blog.pageType == "item"'> <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='500'/> </b:if>
note : where num_posts=’3′ is number comments to be displayed by default, you can increase that number to what ever you want but don’t increase more than 10
width=’500′ is width of comment box you can re-size the comment according to your blogger template size.
Step 4: Finally click on save template button to save changes you made. Now successfully added comment box to your blogger.
check below link to see live comment box in blogger.
note : Now disable your default comment box of blogger, go to Design –> Settings –> comments and select hide (older blogger interface).
Template –>Blog post (Edit) and uncheck the comment box check box and finally save it. (new blogger interface).
Note : you may also like tutorials on facebook