Find Related Stuff from Widget Generator Category. | New Tricks: Use Multiple Comment Box in Blogger Blog | Moderate Facebook Comment using Evolved Wordpress Pluging

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

You may also like...

89 Responses

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

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

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

  2. Aditya Singh says:

    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

  3. arun prasath says:

    Wow 3 in one that’s great and engaging. Thanks for sharing :)

    Regards: Tech Tips

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

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

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

  5. Seocutts says:

    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

  6. Hi,
    I have implemented as explained, but when one publishes a Blogger comment, the Facebook option vanishes… how can I resolve that? The blog URL is http://www.s2herba.com.br/
    Could anyone help me, please?
    Thanks in advance.
    Fernando

  7. keep it up dear great work

  8. Bilal Safdar says:

    Thanks guys for great information share.
    SEO Experts

  9. Azwan Ismail says:

    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

  10. James Bang says:

    i am planning to implement this to my news website at http://iamjamesbang.blogspot.com

  11. Azwan Ismail says:

    It’s working! Thank you bro!

  12. Robby Apelo says:

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

  13. Thanks .. it is working really.

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

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

  16. Siddiq Nx says:

    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 : http://www.abcnetspace.com/2013/06/how-to-add-star-rating-to-blog-posts.html . Please help with these Issues.

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

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

  19. Akat Suki says:

    Sorry, Comment Facebook not notification when comment

  20. Akat Suki says:

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

  21. Bunty Bali says:

    mohyal-e.com not working

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

  22. Awais Ahmed says:

    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

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

  24. All in one commenting idea is very helpful and useful in WordPress websites
    http://www.expertvillagemedia.com/wordpress/

  25. Ghost Rider says:

    Great article.Thanks for sharing with us

  26. Siddiq Nx says:

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

  27. Zenu Khas says:

    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?

  28. Prince Kohli says:

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

  29. Ghost Rider says:

    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

  30. Lucas says:

    This comment has been removed by a blog administrator.

  31. resources says:

    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.

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

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

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

  35. Google says:

    one of our guests lately proposed the following website

  36. porno izle says:

    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.

  37. webpage says:

    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

  38. bettyben says:

    Great tutorial
    Thank you sooo much for sharing this with us

  39. webpage says:

    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

  40. Guest Post says:

    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

  41. buynps.org says:

    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

  42. Sanjay says:

    Great job Umesh nice written article helpfull
    Sanjay recently posted…Tips To Optimised Blog On Page SEO For BloggersMy Profile

  43. carlos says:

    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

  44. Yurika says:

    Facebook tab it’s not working

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

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

  47. Usman says:

    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

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

  49. Marina says:

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

  50. Mek says:

    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

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

  51. maldboy says:

    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

    • 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

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge