Add facebook comment to blogger!!!

Step 1: Visit http://developers.facebook.com/setup/ give your website URL and website name.
Step 2:  Create new app at https://developers.facebook.com/apps
step3: Now change  App ID in the code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='Mangalre news' class='icon-action' src='https://lh6.googleusercontent.com/-nfUWFHVQt9U/TnylcyEO5_I/AAAAAAAAAOE/O_TfQUF1l8M/h80/comments.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;654329081782653&#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>

Step5: Place this code in  Blogger dashboard and navigate to  Edit HTML in Templates. 

Design->edit html->

Search for the code <data:post.body/> or <div class=’post-header-line-1′/> and paste the code below <data:post.body/> or <div class=’post-header-line-1′/> and save the template.

Step4: Hide the comments 

Settings->Comments->Select Hide 

Thats all............