How To Add Facebook Comment Box To Blogger Blogs

Facebook Is  a Popular Social Networking Site With Lot Of Profiles.Now Iam Going To Tell You How To Add Facebook Comment Box For Blogger Blog.Blogger Means Blogspot Blogs.

Tutorial:Thanks For Blogger Mint to This Tutorial 

Step 1: Visit Facebook developer page and enter your blog name, URL and click on Create application.

Facebook comment system for blogger

Now copy the App ID and save it in a notepad

Facebook comment box for blogger

Step 2: Login to you Blogger dashboard and navigate to Layout > Edit HTML and check on Expand Widget Templates. Search for the code <data:post.body/> or <div class='post-header-line-1'/> and paste the code below <data:post.body/> or <div class='post-header-line-1'/> and save the template.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src=''/></p>
  <div id='fb-root'/>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
  xfbml: true});
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  e.async = true;

Change the APPID on the code with your APP ID provided from Facebook and save the template.

Step 3: Now you need to hide default blogger commenting system. So navigate to Settings > Comments and select hide and save settings.

Facebook comment box for Blogger

Live Demo

Note: Using Facebook Comments will hide your blogger comments. So use this comment box wisely.

4 Responses to “How To Add Facebook Comment Box To Blogger Blogs”

  1. Its not working for my blog. plz help me.

  2. edan says:

    what is the meaning of &#39 in ur code?

Leave a Reply

CommentLuv badge

© 2018 Daily Blog Tools. All rights reserved. Site Admin · Entries RSS · Comments RSS
Powered by WordPress · Designed by Theme Junkie