94

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?

Umesh Tarsariya

Hi there, I am Author and Founder of this blog. I am blogging because I love it, their is not as such other reasons are their. I strongly believes that "Self Learning is a great Practice to learn". I am passionate about blogging and I love to be beginner all the time in blogging. Its force me to learn more and more about it and serve you the sweet prepared foods. :P

94 Comments

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

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

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

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

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

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

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

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

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

    • @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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • 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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • 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

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

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

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

Leave a Reply

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

CommentLuv badge