Post Tags

Blogger

Pretty posts

By Rubel
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 Theme>Click on Edit HTML>Click on CTRL+F from keyboard.
  • Then search following code.
<body>
or 
<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.

Solved Method 2: If above code not working after paste <b:includable id='comment-form' var='post'> then search <b:includable id='threaded_comments' var='post'> and paste above code after it.

For enable comment features mobile and desktop see Enable Responsive Features Post

Recommend: 12 Stylish Beautiful Blogger/Blogspot Search Box