How to add Facebook comment box to Blogger

Posted 7:25 pm by muni & filed under BLOG, FACEBOOK.

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).

Facebook comment box in 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)

Blogger edit html page

step 2: Click on Edit html and proceed next step. Now check the Expand Widget Templates check box at the top page.

check the Expand Widget Templates check box at the top blogger 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 == &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='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.

http://www.happyquotesworld.com/2012/05/sharpen-your-axe-inspirational-story.html

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

How to add custom tab in Facebook Timeline Page.