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 templatesSo follow my simple tutorial to add this on your site.  


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 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); = id;
js.src = "//;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.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top