SUBMIT YOUR "GUEST POST" in www.devicepoint.net Blog

How to Add Facebook Comment Widget in Blogger

I am share an tutorial which are help to change Blogger Comment System. By this tutorial you will change blogger comment system to Facebook Comment System easily.

How to Add Facebook Comment Widget in Blogger Blog:

DEMO: Facebook Comment Widget in Blogger

If you want to remove Blogger Comment System from blogger blog and add Facebook comment system in blogger blog or use both commenting system in blog.

How to remove Blogger Comment Box/System from Blogger Blog:

  • Open Blogger Blog
  • Then open Setting Option
  • And select Posts and Comments option
  • Now click on Comment Location and select Hide option
  • and Click on Save Setting

How to Add Facebook Comment Plugin in Blogger Blog:


  • Open Blogger Blog
  • Now select Layout Option
  • Then click on Add a Gadget and click on HTML/ JavaScript Option
  • and Paste following code:
<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&appId=YOUR APP ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


  • Now click on Save Button and save setting.
Now we are going for step 2:
  • Select Template option in blogger blog
  • Now click on Edit HTML option
  • Facebook Comment Widget code for Blogger:
<div class="fb-comments" data-href="http://www.devicepoint.net/" data-width="640" data-numposts="10" data-colorscheme="light"></div>

Change href="" which are color by RED and also change Width which are also wrote in RED.
  • Now search for "postQuickEdit" term
  • After that you seen "<b:includable id='postQuickEdit' var='post'>" after that above of this keyword you seen "</b:includable>", so Paste code above of "</b:includable>" term , see image




  • and click on Save Template and see your blog post.

  • Recommend Tutorial:

    Conclusion:

    I am share Add Facebook Comment Plugin in blogger blog easily. I am share this tutorial in easily way, so if you got any issue or problem so please comment.

    4 comments

    Thanks for telling us the procedure of adding Facebook plugin in our blog

    Verizon wireless signal booster

    Reply

    Hi, I am Manish from Chennai. I am technology freak. I did Android mobile application development course at Fita academy, this is very useful for me to make a bright career in IT industry. So If you looking for best Android Training Institutes in Chennai please visit fita academy.

    Reply

    Excellent post. Android is an open source operating system used for tablet computers and smartphones. If your are interested to develop creative mobile applications then you must learn about android OS. Its helpful for you.

    Regards..
    Android Training in Chennai



    Reply

    Thanks for your informative article. Android SDK allows you to create stunning mobile application loaded with more features and enhanced priority. With basis on Java coding language, you can create stunning mobile application with ease. Best Android Training in Chennai

    Reply

    Post a Comment