How To Add Facebook Comment Box To Blogger

Adding Facebook Comment Box To Blogger Blogs is very Old trick,but recently one of our Blog visitors asked for this Comment Box.In this regard here is a Facebook Comment Box,Actually there are many users who don't have Blogger Accounts,therefore they can comment on your blog articles via Facebook Comments Box.Now time to install Facebook Comment Box To Blogger,its installation is very simple,you may have seen many articles in which first you have to create an App in Facebook after that many steps are required,but this article is not as difficult as other articles.

facebook-comment-box


How To Add Facebook Comment Box To Blogger

For installing this widget to Blogger,you just have to copy a code and then add it to Blogger layout Section,follow the below steps.

  • Go To Blogger.com
  • Sign in there
  • And Now Click On Layout 
  • After that Click On Add a Gadget
  • A Box will Popup Select "HTML/JavaScript"
  • Now Copy the Below Script and Paste it into the Box
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div class="fb-comments" data-href="http://thatsblogginglab2.blogspot.com/" data-num-posts="10" data-width="500"></div>
  • Place the Widget/Gadget Below "Blog Posts" Section ( as shown Below )
 

Changes in the Script Before pasting to HTML/JavaScript Box

Before Pasting Script to HTML/JavaScript Box,must change/replace "http://thatsblogginglab2.blogspot.com/" with your Blog URL/Address,then Just click on save and that's it.

So What's Up:- Did You Like This Comment Box?Is it useful For Blogger Blogs?How was the Tutorial? Share your Awesome ideas with us.Stay Blessed,Happy Blogging.
How To Add Facebook Comment Box To Blogger
Last Reviewed by Iftikhar uddinon June 24 2013
Rating: 5
SHARE

Iftikhar Uddin

I am a Web Developer,Graphic Designer,Blogger Wizard,WordPress Samurai,Code Engineer,SEO Guru,Software Engineer and food hunter.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

104 comments:

  1. Nice informative post...
    The quality of the posts you write is the single most important factor when it comes to Search Optimization on a Blog. I suspect others will argue differently but as I look at my own blogs success in the search engines I’d say that this has been the number one factor.
    IT Outsourcing

    ReplyDelete
    Replies
    1. Hey MSherry Thanks for Stopping By :) Do Visit Again ;)
      Regards,
      Ifti

      Delete
    2. is working bat i see the comment box on my home page and i dont want this http://prntscr.com/5yemv9

      Delete
  2. nice work, but it doesn't work for each post. it work for the blog.

    ReplyDelete
    Replies
    1. Hey Borin Nhek,Thanks for Stopping By :) It works perfect,follow the above steps carefully i hope you will get it ;)
      Regards,
      IftI!

      Delete
    2. Hey Borin, you are right, i also tried it but not worked out dynamically. It works like one comment box for whole site. I tried out to make same changes to work it perfectly. and finally using blogger API data i got it. Now it is working perfectly as different fb comment box for each blog post.

      You can get it by following this link>>
      >>> http://pitora.blogspot.in/2013/04/add-different-fb-comment-boxs-for-each.html

      Delete
    3. @कुमार I don't know what your Name is? :P But you are just spamming here nothing else ,the widget is working Perfect man and i tried it 100 times , see the demo also :)
      Regards,
      Ifti!

      Delete
  3. Hey, thank you for the tip. It worked on my blog.
    But do you know how I could move the position of the comments box to right after the end of the post (above the blogger comments)?
    I was using the other method for facebook comments, but I'm facing a strange issue where it asks 2 times for confirmation to post the comment on the user's timeline, what is very annoying. Do you have any other tip?
    Thanks in advance.

    ReplyDelete
    Replies
    1. Thanks for Reminding me :) Actually i have installed it On my Funny Photos blog it works perfect but Don't know why its not working with You People.However if you are interested in adding this Widget to Every Blog Post i.e Below ever Blog post then please read this Article :)
      http://trevelation.wordpress.com/2013/03/25/facebook-comment-box-for-blogger-and-wordpress/

      Hope you got The Solution .
      Regards,
      IfTI!

      Delete
    2. Hey, thanks for your reply.
      Actually I was quite interested in a solution that worked for Wordpress!

      Delete
    3. You Welcome @Samir Hope you got the Solution ;)
      Thanks for Stopping by :)
      Do Visit Again :)
      Regards,
      Ifti!

      Delete
  4. Hey, IfTikhAr Uddin,
    I have to be honest and say I just noticed that the same thing mentioned above happened to me: the comment box worked as a single box for the whole blog... :(
    I'll try to work it out, anyway.

    ReplyDelete
  5. if i add this gadget on a sidebar not below the page dose it work or not? if it work where this comment box appaer below the page or?

    ReplyDelete
    Replies
    1. @Asim Mehmood It is better to put the widget below the Layout Section because the default comment Box is also there below the Blogger Post,However you can add it any where :) Thanks for Stopping By :)
      Regards,
      IfTI!

      Delete
  6. Man, you are the dumbest!
    There's a reason why many articles ask you to first create an App in Facebook and that is, so you can have facebook comment box for 'every post'.

    No offense though!

    http://dotgifcomix.blogspot.in/

    ReplyDelete
    Replies
    1. Hey Vidushi Mishra , Don't Bark Please :D,I just showed an easy way,if you can Kill a person by Sweat why you give Poison? Hope You understand .
      Regards,
      Ifti!

      Delete
  7. Not showing after every post. Anyone knows why is that?

    ReplyDelete
    Replies
    1. hey mitinita ,its Only for Main Page :) You can use this tut for adding this widet to each post.
      http://trevelation.wordpress.com/2013/03/25/facebook-comment-box-for-blogger-and-wordpress/
      Regards,
      Ifti

      Delete
  8. It is really fantastic .... working almost properly but not according my will......

    i can't afford creating fb app id for every single post....

    is there any way to get different box for each post?

    In waiting for u ;)

    ReplyDelete
    Replies
    1. Hey Kumar You are right its working Perfect :) but i don;t know exact about different box for Each post :)
      Regards,
      Ifti!

      Delete
  9. It Is Not working In My blog please tell me why.here is the link of my blogHow2guide.in

    ReplyDelete
  10. Replies
    1. Thanks for Stopping by Kendis Ossana Crutfint:)
      Ifti!

      Delete
  11. Good Job But Only for homepage And Spme other |
    www.TricksGator.com

    ReplyDelete
  12. Hey admin, as you can see, the Facebook comment plugin is used as a widget, thus, it appears to be the comment box for the whole blog. It won't apply as a comment box for every post.
    If you don't understand what I mean, try posting a comment using that widget in one of your posts, then try to view another post. You'll see that your comment on the latter post is also on the other post, more precisely, on all posts.

    I was searching on how to add this facebook comment plugin on each and every post not for the whole blog. I think you must put the script on the blog's html itself. I'm looking forward for that.
    Thanks anyway for the post.

    ReplyDelete
    Replies
    1. Thanks for Stopping by Albert:) I was Confused You made it clear Thanks ;)
      Regards
      Ifti!

      Delete
  13. Hello again. I somehow figured out how to fix this.
    Just change the following:
    (a)HTML5

    *Change [data-href="http://example.com"] to [expr:href="data:post.url"]

    (b)XFBML

    *Change [href="http://example.com"] to [expr:href="data:post.url"]

    ReplyDelete
  14. It dont works for each posts but for the whole blog!!

    ReplyDelete
  15. yups its dnt works for each posts.
    plz dude tell me what to do ?
    m really fed up with this error

    ReplyDelete
    Replies
    1. Ok i will post another Article on this Widget !

      Delete
  16. it is appearing as a simple html code

    ReplyDelete
  17. Lftikhar, U mean the one Albie Estien suggested works perfectly?

    ReplyDelete
  18. Hi How I able to add this in my blog www.crack-ibpsexam.in

    ReplyDelete
  19. OMGosh! It was so helpful on my blog. Only thing is it seems to be apart from the post. but still its cool, I have it on my blog tanks...
    ...and also I will like to remove the blogger comment box, if its possible that is,
    http://moofasabyomah.blogspot.com/

    ReplyDelete
  20. Help me please
    It shows comments of a post in comment box of other posts also...
    How to prevent it?

    ReplyDelete
  21. welcome to our site: www.topgoodssala.com we are a leading company in dealing with cheap brand sneakers(nike shoes,jordan shoes,air max, kicks jordan,nike shox,adidas,acics shoes, af1,bape,nike dunks,iceream,puma,timberland,etc),bags,jeans(red monkey,Levis,etc),T-shirts (lacosate,DG,prada,etc),hats,sun glasses,etc.We can provide all kind of series sneakers and others in my website and keep updating our stock with new colors and styles. Free shipment.

    ReplyDelete
  22. DOLCELOANFIRMS LTD
    NUMÉRO #-1130491
    Email - [dolceloanfirms@gmail.com]
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Nous sommes une société de prêt inclusive qui donnera une chaleureuse bienvenue à tous ceux qui sont
    dans les besoins de
    'Aide financière et les crises financières.

    Nous offrons des prêts à long et à court terme, nous donnons à nos prêts en USD
    et GBP et toute monnaie de votre choix

    Nous offrons des prêts allant de 3000.00 $ min à 850,000.000 $ Max à 1,1%
    taux d'intérêt.
    Nos prêts sont bien assurés, pour une sécurité maximale est notre priorité.

    La mauvaise cote de crédit actuelle dans le monde laisse des millions d'individus dans
    l'obscurité
    quand il s'agit de l'obtention d'un prêt.
    Nous donnons des prêts garantis garantis aux hommes et femmes d'affaires partout dans le
    monde
    ===============
    Nous offrons les types de prêts suivants à nos clients ------

    * Les investisseurs prêts
    * Consolidation de la dette
    * Deuxième hypothèque
    * Prêts aux entreprises
    * Les prêts personnels
    * Les prêts internationaux
    ==============

    Les clients intéressés doivent s'il vous plaît remplir notre formulaire ci-dessous-

    FORMULAIRE DE DEMANDE DE PRÊT {formulaire en ligne}
    PREFIX {MR., MRS., MS., DR., Etc}
    1) Votre nom ...................
    2) VOTRE PAYS ................
    3) votre profession .............
    4) votre état civil .........
    5) NUMÉRO DE TÉLÉPHONE ................
    6) Revenu mensuel ..............
    7) ADRESSE .....................
    8) le but du prêt .............
    9) demande de prêt ................
    10) TELEPHONE ..................
    11) CONDITIONS DU PRÊT ET DURÉE .... Notre boîte de contact de diffusion de la société est
    via-[stuartleeloanlender@gmail.com]

    Nous apprécierions votre collaboration possible pour cet e-mail afin que nous puissions à la fois
    faire de cette opération un succès.
    Au plaisir de vous entendre plus tôt.
    Votre satisfaction et le succès financier est notre objectif

    MODE DE PAIEMENT SONT-
    Paiement par la banque pour encaisser le transfert = [2 heures] Paiement par virement bancaire chèque certifié
    == [9 jours]
    PAIEMENT PAR GRAMME D'ARGENT ===== [30 minutes]
    Paiement par Western Union Transfert d'argent-[30 minutes], comme l'ensemble
    processus est très facile!

    Sincères salutations
    REV JONATHAN FRANKLIN [C.E.O]
    MARY MCPHERSON
    EMAIL-[dolceloanfirms@gmail.com]
    DOLCELAONFIRMS

    ReplyDelete
  23. DOLCELOANFIRMS LTD
    NUMÉRO #-1130491
    Email - [dolceloanfirms@gmail.com]
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Nous sommes une société de prêt inclusive qui donnera une chaleureuse bienvenue à tous ceux qui sont
    dans les besoins de
    'Aide financière et les crises financières.

    Nous offrons des prêts à long et à court terme, nous donnons à nos prêts en USD
    et GBP et toute monnaie de votre choix

    Nous offrons des prêts allant de 3000.00 $ min à 850,000.000 $ Max à 3%
    taux d'intérêt.
    Nos prêts sont bien assurés, pour une sécurité maximale est notre priorité.

    La mauvaise cote de crédit actuelle dans le monde laisse des millions d'individus dans
    l'obscurité
    quand il s'agit de l'obtention d'un prêt.
    Nous donnons des prêts garantis garantis aux hommes et femmes d'affaires partout dans le
    monde
    ===============
    Nous offrons les types de prêts suivants à nos clients ------

    * Les investisseurs prêts
    * Consolidation de la dette
    * Deuxième hypothèque
    * Prêts aux entreprises
    * Les prêts personnels
    * Les prêts internationaux
    ==============

    Les clients intéressés doivent s'il vous plaît remplir notre formulaire ci-dessous-

    FORMULAIRE DE DEMANDE DE PRÊT {formulaire en ligne}
    PREFIX {MR., MRS., MS., DR., Etc}
    1) Votre nom ...................
    2) VOTRE PAYS ................
    3) votre profession .............
    4) votre état civil .........
    5) NUMÉRO DE TÉLÉPHONE ................
    6) Revenu mensuel ..............
    7) ADRESSE .....................
    8) le but du prêt .............
    9) demande de prêt ................
    10) TELEPHONE ..................
    11) CONDITIONS DU PRÊT ET DURÉE .... Notre boîte de contact de diffusion de la société est
    via-[stuartleeloanlender@gmail.com]

    Nous apprécierions votre collaboration possible pour cet e-mail afin que nous puissions à la fois
    faire de cette opération un succès.
    Au plaisir de vous entendre plus tôt.
    Votre satisfaction et le succès financier est notre objectif

    MODE DE PAIEMENT SONT-
    Paiement par la banque pour encaisser le transfert = [2 heures] Paiement par virement bancaire chèque certifié
    == [9 jours]
    PAIEMENT PAR GRAMME D'ARGENT ===== [30 minutes]
    Paiement par Western Union Transfert d'argent-[30 minutes], comme l'ensemble
    processus est très facile!

    Sincères salutations
    REV JONATHAN FRANKLIN [C.E.O]
    MARY MCPHERSON
    EMAIL-[dolceloanfirms@gmail.com]
    DOLCELAONFIRMS

    ReplyDelete
  24. worked for me! but the text is grey and is hard to read against my background. is there a way to change the text colour?
    thanks! Georgia.

    ReplyDelete
  25. Thanks for this comment box. It working fine and i have used this for my website.

    Facebook Comment Box

    ReplyDelete
  26. Nice tutorial author, thanks for sharing.
    I am also share helpful tutorial: Facebook Comment Plugin

    ReplyDelete
  27. great job yaar
    Want a new phone review or watch new movies online
    so click here => http://www.bit.ly/18gXJFB
    or here => http://www.bit.ly/18gXZEw

    ReplyDelete
  28. Nice article brother, i just love to help others like you.
    How To Put a Related Posts Box In Blogger

    ReplyDelete
  29. thanks a lot, just used it on my new blog. Very straight forward, nice

    ReplyDelete
  30. Congratulations guys, quality information you have given!!!
    hacker un compte facebook

    ReplyDelete
  31. Hello Dear Admin Thank You Very Much For Sharing A Nice Post About The Topic Enable Facebook Comments Without Removing Google + Comments

    ReplyDelete
  32. Nice post lovely blog its really very informative.

    Gmail Account Support

    ReplyDelete
  33. There's a reason why many articles ask you to first create an App in Facebook and that is Pertandingan Bola , so you can have facebook comment box for 'every post'...!!!

    ReplyDelete
  34. Replies
    1. You Welcome Buddyy Keep visiting our Blog for more interesting Posts!
      Ifti

      Delete
  35. Really a lovely topic you have shared with us, which arise a question in any blog. A well known web development company in usa provides best service for it.

    ReplyDelete
  36. AppKreatorz is a mobile software design & development company with its Head Quarters in Dallas, Texas.

    We started our journey with a focus on mobile application development in the year 2010. Since then we have been developing custom mobile applications for startups and enterprises all around the globe. Our expertise includes application development on all the major platforms such as IOS, Android & Windows for mobile and tablets alike.

    We believe in engaging with our clients to the level where we are perfectly aligned with their business strategy. This enables us to build software which is not only good but is memorable and inspiring! We love our work and this is what keeps our customers happy and keep coming back for more! We have the right blend of technology enthusiasts and business strategists to help you achieve your dreams.

    Bring your app idea to us to make it a reality today!

    app developers for hire ! android app development

    ReplyDelete
  37. Newsmanai apps news website Including Technology apps, Android Apps, IOS Apps, iphone , ipad, ipod and Mac apps..
    Best Android Apps ! Best IPhone Apps ! Portable Apps

    ReplyDelete
  38. AppKreators is a mobile software design & Development Company with its Head Quarters in Dallas, Texas. We started our journey with a focus on mobile application development in the year 2010. Since then we have been developing custom mobile applications for startups and enterprises all around the globe. Our expertise includes application development on all the major platforms such as IOS, Android & Windows for mobile and tablets alike.

    ReplyDelete
  39. AppKreators is a mobile software design & Development Company with its Head Quarters in Dallas, Texas. We started our journey with a focus on mobile application development in the year 2010. Since then we have been developing custom mobile applications for startups and enterprises all around the globe. Our expertise includes application development on all the major platforms such as IOS, Android & Windows for mobile and tablets alike.

    ReplyDelete
  40. Newsmanai apps news website Including Technology apps, Android Apps, IOS Apps, iphone , ipad, ipod and Mac apps..

    facebook

    ReplyDelete
  41. There's no dispute that Facebook is a huge deal. I mean a really BIG deal. Just recently CNN reported that for the very first time Internet users spent additional time on Facebook Comment Box for blogger.

    ReplyDelete
  42. Nice post. I have bookmarked you to check your new stuff. Thanks for sharing this useful post.

    MOBILE APPLICATION DEVELOPMENT Belfast UK & Social Media Marketing Belfast UK

    ReplyDelete
  43. http://www.crazybulkreviews.com.au/
    Crazy Bulk Australia 100% Safe and Legal Steroids
    Crazy Bulk is 100% safe and legal alternate steroids available in market right now. With 100% success rate and excellent muscle building effects from day 1

    ReplyDelete
  44. This article is very effective especially for me. I was searching about it. Now my problem is solved. Thanks for sharing your valuable experience.Garments Merchandising

    ReplyDelete
  45. Your article is fantastic. It’s very helpful for me. I have achieved a lot of knowledge from your site. Keep it up. I will visit again here. Textiles Machinery

    ReplyDelete
  46. Have a query related to technical support contact us at toll free number 1-877-778-8969.
    for more information visit here: http://resolit.us

    ReplyDelete
  47. this facebook widget is very important thank for sharing to attach add facebook comment box to blogger

    get into pc

    ReplyDelete
  48. infomative post. thanks for sharing. IF you all want genuine facebok and instagram likes then you should check out fansboost.net/facebook/ Iuse them to get my likes and they never fail me

    ReplyDelete
  49. Great tips sir, I'm sure a lot of blogger will benefit from these tips. Luckily the students from grabmyessay reviews are currently discussing this topic and are very pleased to find your post with detailed instructions.

    ReplyDelete

  50. Such a very useful article. Very interesting to read this article.I would like to thank you for the efforts you had made for writing this awesome article.
    hotmail login | red ball

    ReplyDelete
  51. Helpful information, this solve my problemMerchandising

    ReplyDelete
  52. Hey, thank you for the tip. It worked on my Textile website. But do you know how I could move the position of the comments box to right after the end of the post (above the blogger comments)?Do you have any other tip?
    Thanks in advance.

    ReplyDelete
  53. Excellent post from you, I already applied on my site: Textile Details Thanks a lot.

    ReplyDelete
  54. Thank you for sharing your truth! I have so much more that I would like to say but I don't think its necessary.

    Visit my site :: 오피
    (jk)

    ReplyDelete
  55. Grab the Oracle Training in Chennai from Infycle Technologies the best software training and placement center in Chennai which is providing technical software courses such as Data Science, Artificial Intelligence, Cyber Security, Big Data, Java, Hadoop, Selenium, Android, and iOS Development, DevOps, etc with 100% hands-on practical training.

    ReplyDelete
  56. It we add facebook commenting box on Website then it will very easy to find out and grow relationship to the commenter for any purpose if we want. It will very helpful for my website as we are Textile chemicals supplier in Bangladesh

    ReplyDelete
  57. Machines may learn from experience, adapt to new inputs, and carry out activities similar to those performed by humans, thanks to artificial intelligence (AI). Join the Artificial Intelligence Training in Chennai at FITA Academy to learn more about AI.Artificial Intelligence Training in Chennai
    AI Training In Bangalore
    Artificial Intelligence Training in Coimbatore

    ReplyDelete
  58. SAS is a command-driven statistical software package widely used for statistical data analysis and visualisation. Statistical Analysis Software is referred to as SAS.The pronunciation of SAS is "SaaS." To know more about SAS join SAS Training in Chennai at FITA Academy.
    SAS Training in Chennai

    ReplyDelete
  59. Thanks for your Tips. I have to be honest and say I just noticed that the same thing mentioned above happened to me: the comment box worked as a single box for the whole blog.
    Thanks for advice....

    ReplyDelete