0

Easiest Way of Adding Facebook Comments to Blogger Blog

Adding facebook comments to blogger was never as easy as before i wrote this code. Just add it your website & it will automatically add facebook comments to your website. So !! Guys i know you have searched so much about how to add Facebook Comments System to Your blog. Well Now you search ends up here because i am 10000% sure that the solution i have done for this problem will work. :p . Here is it.

How To Add Facebook Comments

I am not going in so much details of initial steps because i know you would have done these before. 1- Add this code anywhere on your blog. You can also use widgets area. This does not require to be paste before head or inside body.

Quick Guide : Try to use this code in widget area so that it will reduce your blog's loading time.

<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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

Adding Facebook Comments Automatically below Every Post

Now that you have done 50% work. The Next & Final step is to find where to put the facebook comments plugin in your blog. Well i would suggest you to search for this line in your Template's code:

class="comments" id="comments"

& Below this line add this simple line of code so that facebook comments for every post will appear below them.

<div class='fb-comments' data-numposts='15' data-width='630' expr:href='data:post.url' expr:title='data:post.title'/>

& You are done. So Facebook comments will appear automatically below your every post. If this works for you then I request You to have a single moment to give thanks or Follow me on Google+ [ +SajjadGull ] for more quick & easy ways of Blog customizing. :)
Next
Newer Post
Previous
This is the last post.

Post a Comment Blogger

 
Top