How to Post Responsive Facebook Comments on Blogger - Still discussing comments, today's second tutorial Sayem Tutorial will share about how to post responsive Facebook comments on blogs. The benefits of posting Facebook comments on this blogger allow visitors to comment directly on articles that they read using a Facebook account.
For those who want to try it, please follow the steps below
How to Post Responsive Facebook Comments on Blogger
Add the facebook meta tag below in the template just below <head><meta content='Admin Facebook ID code' property='fb:admins'/>
<meta content='Facebook Application ID Code' property='fb:app_id'/>Note: If you have already implemented the steps above, please skip to the next stepAdd the code below before </head>
<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/id_ID/sdk.js#xfbml=1&version=v2.9&appId=562901580420523";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script><b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>Save the template.
To display the Facebook comment count on the index and post pages, please add the code below to the post meta markup or post info according to the template used:
<a expr:href='data:post.url + "#fb-comment"'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>