How To Add Facebook Comment Box To Blogger Blogs

Creating a facebook comment on Blogger blogspot is very easy. In this post has provided a script code can be directly used to add to your blog. Facebook comments is also important to be placed on every post we make. Primarily, with the facebook comments will be more and more peoples who can be invited to communicate about the discussion of blog posts we make. Criticism and suggestions we can make it as an ingredient to further advance the course of a blog we want to have benefits for others.

In addition, facebook comments on the blog also provides an opportunity for others who do not have a blogger account to participate in the discussion posts we make. Usually most of a blog post that often we find only have comments from those who also have a blog / website and have a Gmail account or Blogger account. While, Facebook users seem more than a blogger account owner. And another thing, facebook comments are easier to use and practical when there are people who visit our blog and want to comment.

Step 1
Log in to your blogger account - Design - Add a Gadget - choose HTML / Javascript - Save
Add the code below:

<div id="fb-root"></div>

<script>

  window.fbAsyncInit = function() {

    FB.init({

      appId      : '235507346554364', // App ID

      channelUrl : 'http://www.aprilian.com/', // Channel File

      status     : true, // check login status

      cookie     : true, // enable cookies to allow the server to access the session

      xfbml      : true  // parse XFBML

    });

    // Additional initialization code here

  };

  // Load the SDK Asynchronously

  (function(d){

     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];

     if (d.getElementById(id)) {return;}

     js = d.createElement('script'); js.id = id; js.async = true;

     js.src = "//connect.facebook.net/en_US/all.js";

     ref.parentNode.insertBefore(js, ref);

   }(document));

</script>

Step 2
Copy the code below and paste into a blog post you want to add a comment facebook

<div class="fb-comments" data-href="http://www.aprilian.com/2012/05/add-facebook-comments-box-blogger-blogs.html" data-num-posts="2" data-width="470"></div>

Replace the red text as you wish.
I hope this can help you