How To Add Facebook comment box to your blogger blog

Facebook added new functionality of commenting on Websites with Facebook account. Visitors of Website can add animadversion on website with their facebook annual and this adventure will acquaint on his facebook contour with hotlink of that webpage.


First Go to Facebook Developers

Creat New App

Next Page Appear Like This

Now Save Your App id in Notepad
Now Click on " Edit Settings

Then go to Website option and write your Site Domain as " Blogspot.com "
Click on " Save "




Next Step !!!
Sign in Blogger Account
Click on " Design " Tab

Click on " Edit Html " Tab

Check Mark on " Expand Widget Templates

Press Ctrl + F and Search This

<data:post.body/>



Now past the following code below it:
(Now just press Ctrl+ F and find " Your App id " and replace it with the App ID you had saved before. After that save it.)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='http://lh4.googleusercontent.com/-HvqNmNXhkzY/TjATfsEVeSI/AAAAAAAAAjc/yMCvjARROZk/Screenshot.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;Your App Id&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/en_US/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>

 Save Template ......Thats All