custom facebook comment facebook comments box How to Add New Responsive Facebook Comment Box to Blogger SEO theseofeed indore

How to Add a Responsive Facebook Comment Box to Blogger

Sourabh May 24, 2016 · 2 min read

First login your blogger site>Then go to Template>Click on Edit HTML>Click on CTRL+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.

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.

Click here to Read More Innovative Blogs Regarding Digital Marketing & Other blogging tricks Or Subscribe http://theseofeed.blogspot.in/