How To Add Facebook Comment Box To Blogger.

Step one: Create a Facebook App for your blog site

First of all, you need to create a Facebook App. 

• Go to this link and to create Facebook app: https://developers.facebook.com
• Hover on the "My Apps" drop-down button near the Facebook Account name (top right corner)
• Click on "Add a new app"

• The platform selection window will open. Since we are going to add comment box on a Blogger blog site, click on "Website"

• 

• Now Copy Paste App ID For using in further steps. If are unable to find simple locate as shown below.

Now you should be getting an XML parse error which says:

Error parsing XML, line 663, column 64: The reference to entity "version" must end with the ';' delimiter.

• Edit the code by changing "
  
  &"(ampersand) highlighted in red below with "&" highlighted in green

This Code Here==
==============================
===================================================

<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.5&amp;appId=your app id";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

===========================================

===========================================================

Now Copy it and Paste Here......

• Now search again by CTRL+F in template section for

<b:include data='post' name='post'/>

• Then Paste below given code just below the searched code.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </div> </b:if>

100000000000000%%%%% Working

100000000000000%%%%% Working

100000000000000%%%%% Working