Add Facebook comment box plugin to blogger website easily

Nowadays everyone has a Facebook account. So it will be easier for the website viewers to comment on the posts if there is a Facebook Comment Page plugin like below.

So, in this post I've tried to put together the detailed steps to add Facebook Comment Box Plugin for blogger websites.

Follow these steps carefully

>>>Step 1<<<

1. Go to Settings > Template > Edit HTML

2. Click anywhere inside the code section and type "CTRL + F" and search for </body>

3. Just above </body> insert (copy and paste) the following code

<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_US/sdk.js#xfbml=1&amp;version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. Then click on "Save Template"

>>>Step 2<<<

1. Now search for <b:include data='post' name='post'/>
 
2. Just below <b:include data='post' name='post'/> insert (copy and paste) the following code

<b:if cond='data:blog.pageType == "item"'>
 &lt;div
class=&quot;fb-comments&quot;
data-href=&quot;<data:post.url/>&quot;
data-width=&quot;600&quot;
data-num-posts=&quot;100&quot;&gt;
&lt;/div&gt;
</b:if>

Note -

• Change the values of width to your choice i.e. what suits best for your site.

4. Click on "Save Template" and now visit your site