How to Add New Responsive Facebook Comment Box to Blogger////

Recently some of my themeforest buyers requested me to give a solution how they can add a Facebook comment box in their blogger site. So i have decided to write a post in my site about this regarding issue. In 2009 Facebook developer released their best social plugin called "Facebook Comment Box". This comment box helps your readers to comment on your site using their Facebook,Yahoo,AOL or Hotmail profile. I will share my own method which i apply to my own developing blogger templates. So follow my simple tutorial to add this on your site.

LIVE DEMO

How to Add

First login your blogger site>Then go to Template>Click on Edit HTML>Click onCTRL+F from keyboard.
Then search following code.

<body>

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

After finding any of one on these code, just paste following code after it

<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.0";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));</script>

Then again search following code

<b:includable id='comment-form' var='post'>

Just after it paste the below code

<div class="fb-comments" expr:data-href="data:post.url" 
data-width="100%" data-numposts="5" data-colorscheme="light"/>

You can change number of value 5 as your wish
You can change light color scheme with dark

After done everything, save your template and you are done. If you face any problem, tell me by comment. I will try to solve your problem with my best consideration. Thanks you to read this tutorial.

0 comments

Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you.

Emoticon