Latest version Facebook comment box for Blogger - The Comments plugin lets people comment on blog post on your site using their Facebook account. If people wish to they can share this activity to their friends in News Feed as well. This comment box also contains built-in moderation tools and special social relevance ranking.
There have been many facebook comment box in internet but today i am share the latest version of facebook comment box. Recently facebook developer update their Facebook Comment box plugin version v2.3. The main facilities are using of facebook comment box is, visitors are easily explain their opinion about your content and admin can catch his/her visitors easily.
How to add Facebook comment box:
Go to blogger dashboard > Template > Edit HTML and past the below code after <body> tag. If already added this, then ignore it.
Note: "YOUR-FB-APP-ID" replace it with your Facebook APP ID.<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR-FB-APP-ID',
status : true, // check login status
cookie : true, // enable cookies
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>Now again search <div class='post-footer-line post-footer-line-1'> and past the following code below the above code.
<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>
<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;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
<div class='clear'/>That's it. If you found any problem then inform me in comment and if you found this post is helpful then do not forget to share this post.
Related Article
Off TopicThis is the first post of Sn3Design, this post is an off topic post you can add your url on the comment box. Start comm
Download Button with two arrow
element.style {
text-transform: uppercase;
}
.bigbtn {
background-color: #5fb000;
background-image: linear
How To Add Time Ago Format In Blogger Post Date
You might seen "a second ago" or "2 minute ago..." in social networking
site especially twitter and Facebook. This 
Pop up Email Subscribe box for Blogger
Pop up Email Subscribe box for Blogger - is a blogger widget using jquery. This subscription form created with c