How To Add Together Novel Responsive Facebook Comment Box To Blogger

Recently around of my themeforest buyers requested me to hand a solution how they tin add together a Facebook comment box inwards their blogger site. So i convey decided to write a post inwards my site almost 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 volition part my ain method which i apply to my ain developing blogger templatesSo follow my uncomplicated tutorial to add together this on your site.  

Live Demo

How to Add 

  • First login your blogger site>Then larn to Theme>Click on Edit HTML>Click on CTRL+F from keyboard.
  • Then search next code.


<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  • After finding whatever of 1 on these code, simply glue next 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 over again search next code
<b:includable id='comment-form' var='post'>
  • Just afterward it glue the below code
<div class="fb-comments" expr:data-href="data:post.url"  data-width="100%" data-numposts="5" data-colorscheme="light"/>
  • You tin alter number of value 5 equally your wish
  • You tin alter light color system alongside dark

After done everything, relieve your template as well as you lot are done. If you lot facial expression upwardly whatever problem, country me yesteryear comment. I volition own to solve your work alongside my best consideration. Thanks you lot to read this tutorial.

Solved Method 2: If inwards a higher house code non working afterward paste <b:includable id=’comment-form’ var=’post’> then search <b:includable id=’threaded_comments’ var=’post’> and glue inwards a higher house code afterward it.

For enable comment features mobile as well as desktop see Enable Responsive Features Post

Recommend: 12 Stylish Beautiful Blogger/Blogspot Search Box