How to add facebook commet box to blogger 2014
The first => create a fb app.
1.Go to >Template>Edit HTML>Ctrl+F>Type=> <head> => paste below code after it.
<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>
2.Find <html and change to this code
<html xmlns:fb="https://www.facebook.com/2008/fbml"
3.Find the code <div class='post-footer-line post-footer-line-2'>
and paste the following code after them.
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>
4.Find the code <div class='post-footer-line post-footer-line-3'>
and paste this code after.
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='900'/></div>
</b:if>
Blogger Comment
Facebook Comment