Enable Facebook Comments For Blogger

Enable Facebook Comments For Blogger

Facebook comments plugin lets people comment on post on your site using their Facebook account. People can also share their comment activity on facebook with their friends. Blogger also has its comment system which currently do not have support for the facebook comments. Adding below codes you can easily install facebook comment plugin to blogger.


Live Demo


How to use facebook comments in blogger ?

Step1: Go to Blogger > Theme > Edit html.

Step2: Click any where in the codes and search for <b:includable id='comments' var='post'> using Ctrl+F.

Step3: Paste below codes just after <b:includable id='comments' var='post'>

<div id="fb-root"></div>
<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/en_GB/sdk.js#xfbml=1&amp;version=v2.9&amp;appId=1466215120067047";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" expr:href="data:blog.url" data-width="100%" data-numposts="5"></div>

Step4: Now search for ]]></b:skin> and place below CSS before it to hide blogger default comment box.

#comments {
display: none!important;
}

Step5: Save changes.

No comments:

Post a Comment