Add Facebook Comment Style for Blogger

I think this trick also important, because maybe some of our visitors don't have a blogger account. Or maybe, they can't navigate blogger comment style. If you want to know how to add facebook comment style for blogger, just follow the steps below.

=> Hide Blogger Comment Box
1. Log in to your blogger account
2. Go to Settings --> Comments
3. Find "Comments", and choose "Hide"
4. Click SAVE SETTINGS

=> Add Facebook Comment
1. Go to Design --> Edit HTML
2. Check in the "Expand Widge Templates" box
3. Copy the code below, and paste under <data:post.body/> (If you're using "Read More", there are 2 <data:post.body/>, so choose the second)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://umerprince.blogspot.com/' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqzDPwZ-P4YSysZr0wHhQrt_5f0gUpsfuul4Zqit1B7lhCwky4V9caDdMtGSQlnjirL64GEBCkDyvuDndZrU7SKWYOorVPyBEFGoJYfAvb_T_aEcwAbASfj2o7yxWe1WRcH-VEnDZvhqk/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;149973631711831&#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>

4. Click Save And Enjoy......