Add Facebook comment box to your blogger (Blog trick)

Add Facebook comment box to your blogger blog.

One of the best ways of increasing your blogger conversations is by adding Facebook comment box to it. This feature was recently disclosed by Facebook. According to id first you will have to create and application using Facebook and then add the code to your blogger blog.

To add Facebook comment box to your blogger blog follow the following steps:

1) First make a back up of your blogger template, which can be done by just going to
Dashboard > Design > Edit HTML > then click on Download Full Template.

2) Now visit this page and enter your blog name URL and click on Create application.

3) Now you will get an App ID, just copy and save that ID somewhere.

4) Now go to your Blogger Dashboard > Design > Edit HTML > then click on Expand Widget Templates.

5) Now search for <data:post.body/> in it.

6) Now post the following code below it:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src=''/></p>
  <div id='fb-root'/>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;AXID &#39;, status: true, cookie: true,
  xfbml: true});
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  e.async = true;
7) Now just press Ctrl+ F and find AXID and replace it with the App ID you had saved before. After that save it.

8) Now go to To Settings > Comments > then select the hide button under Comment section. Now save it again.

9) You are done now.
Share this article :

Post a Comment


Copyright © 2011. Tricks Duniya - All Rights Reserved