How to Add New Responsive Facebook Comment Box to Blogger by TheSEOFeed - Sourabh Nagori

Recent Update

Post Top Ad

Post Top Ad

Monday, 23 May 2016

How to Add New Responsive Facebook Comment Box to Blogger by TheSEOFeed

How to Add New Responsive Facebook Comment Box to Blogger by TheSEOFeed
  • First login your blogger site>Then go to Template>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. 


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


No comments:

Post a Comment

Post Top Ad