How to add Facebook comment box to Blogger

  May 19, 2012   by:  muni   2 Comments

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

how to add facebook comment box to 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)

how to add facebook comment box to blogger

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.

how to add facebook comment box to blogger

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