Still discussing about comments, today's second tutorial Redesign.eu.org will share about how to post responsive Facebook comments on a blog. The benefit of posting Facebook comments on blogger allows visitors to comment directly on articles they read using their Facebook account.
For those who want to try it, please follow the steps below
How to Post Responsive Facebook Comments on Blogger
1. Add the facebook meta tag below in the template just below the <head>
<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>Note: If you have implemented the steps above, please skip to the next step
2. Add 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>3. Then add the code below just below the code <data:post.body/> on the post page
<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>4. 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>Thus the tutorial on How to Post Responsive Facebook Comments on Blogger, hopefully this is useful.
Post a Comment