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.

 

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='umeshtarsariya' property='fb:admins'/>
<meta content='3840756250xxxxx' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://tipsviablogging.github.io/tvbcommentstyle.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Note:
Replace umeshtarsariya 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?

104 Comments

  1. Zeeshan Ahmed

    Awesome bro.. Iam actually waiting for this widget… Thanks alot for sharing

    • Umesh Tarsariya

      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 :)

      • manoj arora

        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 http://stayhealthytill70.blogspot.in/ 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 http://stayhealthytill70.blogspot.in/ 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
        manoj arora recently posted…A Miracle or Not a Miracle!My Profile

        • Umesh Tarsariya

          Hi monoj, kindly connect with my social netwoking site, I will try my best to solve your problem personally .

    • Zeeshan Ahmed

      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?

    • Umesh Tarsariya

      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…. ^-^

    • Zeeshan Ahmed

      Ahaan… Awesome, i never think on this side.. Now im going to add this :)

  2. Aditya Singh

    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

    • Umesh Tarsariya

      Thanks Aditya for appreciating my blog posts, i am very glad to see you here, stay tuned ^-^

    • Umesh Tarsariya

      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….

  3. Ankit Kumar Singla

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

    • Umesh Tarsariya

      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..

  4. Seocutts

    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

    • Umesh Tarsariya

      Tbanks Ria for appreciating my work i hope to see you again… Stay tuned.

    • Umesh Tarsariya

      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 :)

    • Robby Apelo

      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 :(

    • anime-th.com

      same problem but after I change option embed comment -> full comment, it's work.

    • Umesh Tarsariya

      Go to Setting > Post and Comment > In field of comment location select option "Embedded or Full Page" and check it respectively…

    • Umesh Tarsariya

      @lliyas Shaikh
      the comment box looks awesome on your blog, congratulations bro…

  5. Bilal Safdar

    Thanks guys for great information share.
    SEO Experts

  6. Azwan Ismail

    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..

    • Umesh Tarsariya

      @Azawan Ismail

      Check 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

    • Umesh Tarsariya

      great, i will feel great if your plan is implemented…..

  7. Robby Apelo

    should comment box be embedded? should my posts in reader comments options be set to allow?

  8. Poramet Kongsawad

    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.

    • Umesh Tarsariya

      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.) ^-^

    • Umesh Tarsariya

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

    • Umesh Tarsariya

      Go to Setting > Post and Comment > In field of comment location select option "Embedded or Full Page" and check it respectively

  9. Akhil Swatantra

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

    • Umesh Tarsariya

      Go to Setting > Post and Comment > In field of comment location select option "Embedded or Full Page" and check it respectively

  10. evaggelos evaggelou

    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

    • Umesh Tarsariya

      Go to Setting > Post and Comment > In field of comment location select option "Embedded or Full Page" and check it respectively

  11. Lova Cloverina

    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!

  12. Akat Suki

    Sorry, Comment Facebook not notification when comment

  13. Akat Suki

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

    • Umesh Tarsariya

      check your username and try to correct it, this massage will only appear when you had entered wrong username…

    • Umesh Tarsariya

      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 :)

  14. Awais Ahmed

    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

  15. Brenda Spielmann

    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

  16. Ghost Rider

    Great article.Thanks for sharing with us

  17. Siddiq Nx

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

    • Umesh Tarsariya

      will you pls provide me a template that you are using, i need to work on it because many having problem with it..

  18. Zenu Khas

    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?

  19. Prince Kohli

    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….

    • Prince Kohli

      i m using refinerycms-blog how i can add it please reply..

  20. Ghost Rider

    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

    • Umesh Tarsariya

      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

  21. resources

    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.

  22. this www.youtube.com video iherb code

    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

  23. cheapest auto insurance

    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

  24. Stacy Laporta

    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!

  25. Google

    one of our guests lately proposed the following website

  26. porno izle

    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.

  27. webpage

    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.
    webpage recently posted…webpageMy Profile

  28. bettyben

    Great tutorial
    Thank you sooo much for sharing this with us

  29. webpage

    This is my first time go to see at here and i am genuinely happy to read everthing at single place.
    webpage recently posted…webpageMy Profile

  30. Guest Post

    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.
    Guest Post recently posted…Guest PostMy Profile

  31. buynps.org

    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.
    buynps.org recently posted…buynps.orgMy Profile

  32. carlos

    how can i make it work on my pages because the tabs just appear on my posts but not on my pages
    carlos recently posted…ppppppppppppppppppMy Profile

  33. Yurika

    Facebook tab it's not working

  34. Jason J. Frega

    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!
    Jason J. Frega recently posted…Seven Score and One Decade AgoMy Profile

    • umesh

      currently it is not possible, the blogger comment will always first you can change rest too comment.

  35. Usman

    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

  36. Umesh Tarsariya

    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..
    Umesh Tarsariya recently posted…Why students should start blogging? My Profile

  37. Marina

    Hi, I have tried numerous times, but it's just not showing on my blog. Can you help me please?

  38. Mek

    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 :)

    http://www.mekster.com/
    Mek recently posted…Noisy ParrotMy Profile

    • Umesh Tarsariya

      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 :)

  39. maldboy

    how can i change facebook color to dark like this colorscheme='dark' ,,,, plz answer me plz.and thanks very good work
    maldboy recently posted…Dragon Ball GT (TV Series 1996–2005)My Profile

    • Umesh Tarsariya

      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. :)
      Umesh Tarsariya recently posted…Install Multiple Comment System like WordPress In blogger.My Profile

  40. Wajahat

    Thanks for posting such a great article :)

  41. Nived Kannada

    Why aren't you using this great tabbed commenting system ?????
    Isn't it better than Disqus ?
    Why don't you use Disqus in this commenting system as a tab ?

  42. Nived Kannada

    How to add the Google+ comments instead of the Blogger comments tab in this widget ?
    Tell me please …

  43. Jasmine

    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??

  44. Himanshu Pandey

    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?

  45. sevişme sahneleri

    What's up, of course this article is genuinely nicce and I have learned lot oof things from it concerning blogging.
    thanks.
    sevişme sahneleri recently posted…sevişme sahneleriMy Profile

  46. Matchfinder

    If you compare Blogger,Facebook and Disqus, Disqus is better. There is another blogging tool emerging fast. It's called intense debate

    • Umesh Tarsariya

      Thanks a lot for comment, Yes disqus is best one. But many newbies like to have fun by surprising other.

  47. Ahsan

    How to change buttons size..???

    • Umesh Tarsariya

      You will not be able to chagne button size as their is CSS file loads which is not editable.

Leave a Reply

CommentLuv badge