How to Use Blogger, Disqus and Facebook Comment tab Together on Blogger blog?

There is a debatable topic on selecting comment box for blogger blog, there are numbers of comment platform available on for blogger user like Disqus, Facebook, Livefyre, and so on. There is a positive and negative points of individual comment platform, If we want to gain the all advantages of each comment system than we have to add multiple comment system in our blogger blog. Today i am here bring the plugins that will helps you to integrate major comment like blogger, facebook and Disqus. I had visited one WordPress based blog which having all three integrated comment system, based on that idea i had develop this plugins i hope you will enjoy this.

Integrate Facebook, Disqus and Blogger Comment Together on Blogspot Blog.

Demo

Before proceeding you must have to have disqus and Facebook App Id. See Below Tutorial to get your on Facebook App id and Disqus Account. Now i had assumed that you had your own disqus account username and Facebook App Id, So Now lets start the tutorial. Step 1: Login in blogger Account. And select Your Blog. Step 2: Backup Your Blogger Blog. (Learn how to backup Blogger Blog) Step 3: Navigate Blogger Dashboard > Go to Template > Edit HTML. Step 4: Find Following Code by pressing CTRL + F.
</head>
Step 5: Just Above </head> tag paste below code.
<meta content='heerentanna' property='fb:admins'/> <meta content='3840756250xxxxx' property='fb:app_id'/> <script src='http://code.jquery.com/jquery-latest.pack.js'/> <script src='https://tipsviablogging.github.io/tvbcommentstyle.js'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
Note: Replace heerentanna with with your own personal facebook username. replce 3840756250xxxxx with your own facebook App Id. Step 6: Now search for below code.
<div class='comments' id='comments'>
Note:If you find multiple code than paste below code under each “<div class='comments' id='comments'>” code Step 7: Use Below Integrated Facbook, disqus and blogger tab generator, Copy and Paste Generated Code Just After <div class=’comments’ id=’comments’> code. Step 8: Now we need to add disqus script to show no. of comment on button for it, find below code.
</body>
Step 9: Paste Following code just above </body> tag.
<script type='text/javascript'> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = &#39;Disqus-Site-Name&#39;; // required: replace example with your forum shortname /* * * DON&#39;T EDIT BELOW THIS LINE * * */ (function () { var s = document.createElement(&#39;script&#39;); s.async = true; s.type = &#39;text/javascript&#39;; s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;; (document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s); }()); </script>
Replace Green Highlighted Disqus-Site-Name with your own disqus site username. Step 10: Save Your Template, that set.
Note: If you find any trouble regarding appearance of 3 comment box, kindly change the comment setting as per instruction. Go to Setting > Post and Comment > In field of comment location select option “Embedded or Full Page” and check it respectively..

Credit link:

We have added a Credit attribution link is this gadget, Please it a humble request you all to do not remove it. No doubt, it is completely free for you all but, we also need your corporation to spread this widget to other who need it so please support us.

Final Words

Here in this widget i had used “onclick” events to disqus comment, it means disqus comment will  load only when visitors click on disqus button. So as to it will not take unnecessary loading time. By adding Multiple comment system widget in blogger blog , Visitors have more space to share their thoughts, view, suggestions or query due to multiple logins facilities available to them. Share your point of view should we add multiple comment box to blogger blog or not?
    1. most welcome, by providing multiple login facilities to our visitors, it will beneficial for both admin and visitors also, thanks for commenting here, i hope to see you again on TVB 🙂

      1. i have been trying for this multiple active comment function for days, and after reading your blog, for the last 8 hours! guess not a computer savvy guy at all.
        anyway my blog consists of more than 3.5 years of self research on ayurveda, yoga, pranayama and meditation, which i wish to share with all, with which i cured my vision, depression, palpitation, and friend’s migraine , hyperacidity, acidity etc etc
        pls help if you may will with this installation of comment section and how may i make this blog look more attractive,
        the point is, till the time people read, and implement, ailments wont go!
        pls call 9871823473 (delhi) anytime you are free sir,
        i shall be very greatful
        had i been in a position to do so, i would have taken the professional help
        god bless
        manoj arora

    2. disqus provide facility of comment through facebook, google (gmail) and twitter but You might have know that disqus required authentication first time to use it, many a time new visitor avoid this step, due to they feel insecurity or they don’t want too much application in there account. So for them Here is a solution, no need to authenticate Disqus application, you can comment via Facebook and blogger & Disqus account choice is yours…. ^-^

    3. I want to go for this type commenting box but as far as i know, that Disqus itself provides all services like comment from Blogger and Facebook 🙂 What is your suggestion?

  1. This is Awesome widget. I think you will rock in the future. I seen you all post and they all are very good.

    Regards
    BloggingTipsGuru

    1. Hi Arun Prasanth, most welcome, glad to see you here, By Inserting this script inside blogger template, we are multiple Login facilities to our visitor, stay tuned there is many new unique widget will be posted soon….

  2. So bro finally to shared your talent and creativity with us.
    Really a great job buddie 🙂
    Regards!
    Ankit

    1. Thanks Ankit for appreciating this work, Actually this idea i had derived from wordpress blog, you might have find that wordpress having this feature which allowed us to add multiple comment box like wordpress, facebook. disqus and many more. So i had created it for blogger user those like to add multiple comment system in there blog..

  3. Thanks Umesh you are really doing very awesome work in the field of seo and smo i really appreciate your work.
    Seo Services
    Regards Ria

    1. Melhor Amiga
      hi, it might be possible that you had removed disqus comment just add it again and check it whether it is working or not. if not than it will be your template coding problem. and its a request to you pls do not to remove credit link 🙂

    2. same problem here. there were 3 comment box. i tested comment in google. after it appeared, the 2 boxes fb and disqus did not appear anymore. and it cannot go back 🙁

  4. Thank you for this great widget! But I need some help. Before I implement this widget, Disqus is working perfectly but after I implemented it, the comments were lost and the 3 buttons (Blogger, Disqus, FB) did not appear. When I removed Disqus, the 3 buttons (including Disqus) appear but the comments in Disqus still cannot be loaded. For Blogger and FB, they’re working pectly. Hope you can help..

    1. @Azawan IsmailCheck your disqus id first, whether you had added right one or not,just search below code in your blogger template and correct it..”var disqus_shortname”here you will find code something look like var disqus_shortname = 'Disqus Your Own Id'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();

  5. Thanks.

    Can I set FB comment to default instead of blogger comment ?

    I try change position of button (FB move to left) but not work. Blogger comment still default.

    1. no, unfortunately script is prepare in such a way that it must have blogger comment at first position, you can shift rest comment ( Disqus and fb position by proper edition in code.) ^-^

    1. its look like you had removed the code from your template, state your problem it will help me to help you out…

  6. Brother Its Not Working If Someone Leave His/her Comment On my Blog After That This Widget Going Invisible

  7. How to delete the tab Blogger Comments.And I need only Disqus and Facebook Tab.And I need to rename the tab “Disqus” to “Comments”.And at last,the user need not register to Disqus,to post comments in it as in this page : . Please help with these Issues.

  8. Good effort, it is indeed wonderful, although I tried it and while it worked, but usually when someone comments then no buttons appear.
    Maybe I do not do something right, anyway, congratulations for your very good blog

  9. thank you so much for this wonderful widget!
    I tried it and it worked perfectly. (I set my “comment location” to “full”)
    but when I change my “comment location” to “embedded”, the widget did not work. I like “embedded” better than “full” because it allow me to reply blogger comments.
    Please help with the issues, this is my blog link: monotonous monospace
    thank you in advance!

  10. And Disqus not working. Error “We were unable to load Disqus. If you are a moderator please see our troubleshooting guide”
    Help me! Thanks

    1. be specific about your problem, it will help us to diagonalize your problem, just Go to Setting > Post and Comment > In field of comment location select option “Embedded or Full Page” and check it respectively whether it is working or not 🙂

  11. Thanks a lot it working but tabs are misplacing and further more if commented on blogger section than other section Discuss and Facebook section is not showing anymore please help me

  12. Hi there, thank you for all this info. I have FB comment box and now would like to remove it and go back to blogger comment box only. Please help!
    One cannot comment if not logged into FB, and I always get error notification, anyway I don’t want FB anymore.
    Thank you
    If you would like to check my blog is http://bspielmann.blogspot.com

  13. Hello there…the comment tabs are only appearing after a comment is posted.Can I have it appear even though there is no comments…

  14. Thanks for this, was looking for this. is there any way to show the total comment count under each post? not only disqus or blogger but the total count of comments including disqus, facebook and blogger, i think it can be done using ajax or javascript, can you do it?

  15. hey i want comment box that you have on this site in Refinerycms in ruby on rails. please suggest me or tell me what i can do reply asap….

  16. Great post. I was checking constantly this blog and I’m inspired! Extremely
    useful info specifically the ultimate phase I deal with such information a
    lot. I was looking for this particular information for a long time. Thank you and best of luck

    1. I am really glad to come to know that. It is one of the my best comment that i ever get in my blog. Without such visitors supporrt their is no value of this blog. Stay tuned ^-^

      and thanks for your best wishes

  17. Ordinarily I would not learn post about information sites, having said that i would want to point out that this specific write-up quite forced me to take a peek on as well as take action! Your writing style have been pleasantly surprised us. Many thanks, quite terrific posting.

  18. I delight in, lead to I discovered just what I used to
    be having a look for. You’ve ended my four day long hunt!
    God Bless you man. Have a nice day. Bye

  19. Excellent log here! Alsoo your site loads up fast!
    What host are you using? Caan I get your affiliate link to your host?
    I wish my website loaded up ass quickly as yours lol

  20. I’m still learning from you, as I’m making my way to the top as well. I absolutely enjoy reading everything that is posted on your blog.Keep the tips coming. I enjoyed it!

  21. I will immediately snatch your rss feed as I can’t in finding your e-mail subscription link or newsletter service. Do you have any? Please permit me realize in order that I may just subscribe. Thanks.

  22. Hello, every time i used to check web site posts here in the early hours in the dawn, as i
    enjoy to gain knowledge of more and more.

  23. Nice post. I learn something totally new and challenging on websites I stumbleupon on a daily
    basis. It’s always useful to read content from
    other authors and use a little something from other websites.

  24. My spouse and I stumbled over here different page and thought I should check things out.
    I like what I see so now i am following you.
    Look forward to looking at your web page repeatedly.

    1. go to html editor, If you find multiple <div class=’comments’ id=’comments’> code than paste step 7 code under each “<div class=’comments’ id=’comments’>” code

  25. Is there a way to change the default comment platform that displays?

    For example: In your demo when I first go to the page the first thing I see are blogger comments, and then I can click to view facebook ones or disqus ones. Is there a way to set it to show facebook comments first as the default? Then visitors could still click to see disqus or blogger comments.

    Thanks!

  26. This commenting method is really a great plugins that really gonna work for thousands of years…

  27. Error parsing XML, line 4, column 15: Open quote is expected for attribute “content” associated with an element type “meta”.

    what should i do with this error???? plx reply fast

  28. hi usman, due to having burden of study i will solve this issue soon.. you can also solve it by your self kindly just replace all opening ( ‘ ) and closing quote ( ‘ ) manually by inserting it through keyboard..

    1. Hi marina, glad to see you here on TVB, i had seen your site. I will recommended you to first remove your disqus from your blog. and try it again ( Or reload your post page of blogger blog. )

  29. it’s now working on my site 🙂 thanks!

    i found out that it will not work if you previously installed the disqus widget. I had to remove it for this tabs to work 🙂

    1. HI mek, i am very glad to see you here 🙂
      glad to know that this tricks of facebook, disqus and blogger is working perfect on your blog.
      yes, we need to remove the existing installed disqus as its automatically replace the existing blogger comment conditional tag. congratulation 🙂

  30. how can i change facebook color to dark like this colorscheme=’dark’ ,,,, plz answer me plz.and thanks very good work

    1. Hi..Maldboy..
      First of all Thanks for appreciating this work, its a completely based on all the visitors who force me to do something innovative, Well as far as your question is concern i will say it is possible just you need to replace following code
      <fb:comments expr:href='data:post.url' num_posts='10' width='500'/> (If you find multiple code than replace all with following code)
      with..
      <fb:comments expr:href="data:post.url" num_posts="10" width="500" colorscheme="dark"/>..
      that set, all the best. Its look awesome on your blog. 🙂

  31. This is awesome, i was just googling for it.
    i have one question, i want to show facebook comments by default, which means if user loads a page he must see facebook comments rather than blogger comments activated, how can i do that??

  32. A unique tutorial for opting Disqus and Facebook comment systems along with default blogger commenting. Got it here after a long search and wait. A query! I use disqus already and would like to opt other two systems on my blog, what should I do? Should I refer this tutorial completely? or some changes needed?

  33. What’s up, of course this article is genuinely nicce and I have learned lot oof things from it concerning blogging.
    thanks.

  34. Thanks for sharing the wonderful widget with details.It works fine.Hope we will get some more tips from this site.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.