How to add Facebook Comment Box on Blogger Blog blogspot.com Website
To add Facebook comment box in blogger someting.blogspot.com website is a little bit different from general website. Because blogger uses XML code for parsing all data.
To find any code put cursor above code and press CTRL + F on windows operating system.
1. Find <html and paste following code after this.
xmlns:fb='http://www.facebook.com/2008/fbml'
Then this line will be look like-
<HTML xmlns:fb='http://www.facebook.com/2008/fbml' >
2. Find <meta and paste following code before it.
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta content='720435371458695' property='fb:app_id'/>
<meta content='https://www.facebook.com/mamuncse2015' property='fb:admins'/>
3. Find <body> and paste the following after it.
<div id='fb-root'></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '720435371458695', //put your FB ID here
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
4. Find
<div class='post-footer-line post-footer-line-1′>
or
<p class='post-footer-line post-footer-line-1′>
or
</body>
and paste the following after it.
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:2px 3px 2px 3px; margin:2px 3px 2px 3px;'><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='650'/>
</div>
</div>
</b:if>
Hope you have enjoyed this tutorial.