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

  • http://www.blogger.com/profile/03096225467683450745 Zeeshan Ahmed

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

    • http://www.blogger.com/profile/16807879922776229737 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 :)

    • http://www.blogger.com/profile/03096225467683450745 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?

    • http://www.blogger.com/profile/16807879922776229737 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…. ^-^

    • http://www.blogger.com/profile/03096225467683450745 Zeeshan Ahmed

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

  • http://www.blogger.com/profile/04223517008340177995 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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/07971457821268784134 arun prasath

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

    Regards: Tech Tips

    • http://www.blogger.com/profile/16807879922776229737 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….

  • http://www.blogger.com/profile/10969988872596518558 Ankit Kumar Singla

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

    • http://www.blogger.com/profile/16807879922776229737 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..

  • http://www.blogger.com/profile/07858124384839069263 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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/08835565960718424258 Mohammad Fazle Rabbi

    superb man…u r great

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

      Thanks mohammad Fazle Rabbi,

  • http://www.blogger.com/profile/06948106120158689179 Techlider – O seu diário da tecnologia

    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

    • http://www.blogger.com/profile/16807879922776229737 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 :)

    • http://www.blogger.com/profile/18143484165462080356 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 :(

    • http://www.anime-th.com/ anime-th.com

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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/09800674288567007011 iliyas shaikh

    keep it up dear great work

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/16671395278006548483 Bilal Safdar

    Thanks guys for great information share.
    SEO Experts

  • http://www.blogger.com/profile/04912226995944867625 Mc Dewey

    wow great

  • http://www.blogger.com/profile/01110778814506764608 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..

    • http://www.blogger.com/profile/01110778814506764608 Azwan Ismail
    • http://www.blogger.com/profile/16807879922776229737 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

  • http://www.blogger.com/profile/15558864097569193304 James Bang

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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/01110778814506764608 Azwan Ismail

    It’s working! Thank you bro!

  • http://www.blogger.com/profile/18143484165462080356 Robby Apelo

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

  • http://www.blogger.com/profile/13150696525501769833 Muhammad Aasim

    Thanks .. it is working really.

  • http://www.blogger.com/profile/00594169573222811132 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.

    • http://www.blogger.com/profile/16807879922776229737 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.) ^-^

  • http://www.blogger.com/profile/01370882334125427416 Mursaleen Kamal

    Its not working on my blog http://www.hamaralink.com

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/03184211339818231313 Akhil Swatantra

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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/15190589321034886607 Siddiq Nx

    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.

  • http://www.blogger.com/profile/08323934542398485227 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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

  • http://www.blogger.com/profile/11083772211875849282 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!

  • http://www.blogger.com/profile/14459948258978538303 Akat Suki

    Sorry, Comment Facebook not notification when comment

  • http://www.blogger.com/profile/14459948258978538303 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

    • http://www.blogger.com/profile/16807879922776229737 Umesh Tarsariya

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

    • http://www.blogger.com/profile/14459948258978538303 Akat Suki

      I had check very careful

  • http://www.blogger.com/profile/17268169835136794820 Bunty Bali

    mohyal-e.com not working

    • http://www.blogger.com/profile/16807879922776229737 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 :)

  • http://www.blogger.com/profile/15393430571002650744 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

  • http://www.blogger.com/profile/11136402720292504129 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

  • http://www.blogger.com/profile/18136913173649764360 Ruby Red Diamond

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

  • http://www.blogger.com/profile/13970270119520343615 Ghost Rider

    Great article.Thanks for sharing with us

  • http://www.blogger.com/profile/15190589321034886607 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…

    • http://www.blogger.com/profile/16807879922776229737 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..

  • http://www.blogger.com/profile/09330421520660351307 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?

  • http://www.blogger.com/profile/07460477468927743805 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….

    • http://www.blogger.com/profile/07460477468927743805 Prince Kohli

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

  • http://www.blogger.com/profile/13970270119520343615 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

    • http://www.blogger.com/profile/16807879922776229737 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

  • http://www.blogger.com/profile/12619226214992996789 Lucas

    This comment has been removed by a blog administrator.

  • http://blog.nicoleau-fabien.net/index.php?post/2013/08/23/Orphan-de-la-plupart-de-mes-packages 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.

  • http://canaankumc.org/zbxe/?document_srl=368726 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

  • http://cheapautoinsurance4u.com/ 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

  • http://my.telegraph.co.uk/areyeastinfectionscontagious/ 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!

  • http://www.google.com/wripokfb Google

    one of our guests lately proposed the following website

  • http://www.adultpornosikisizle.com/search?search_type=videos&search_query=Ön&o=mv&page=9 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.

  • http://daviskurtis.jimdo.com/2013/09/24/getting-high-pr-backlinks/ 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

  • http://www.cheapboxprinting.com/ bettyben

    Great tutorial
    Thank you sooo much for sharing this with us

  • http://share-commission.com/index.php?p=blogs/viewstory/108664 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

  • http://shadow4sheet.livejournal.com/2502.html 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

  • http://buynps.org/ 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

  • http://tech2shout.com/ Sanjay

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

  • http://otroblogdepruebaspormrseeder.blogspot.com/ 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

    • http://www.tipsviablogging.com Umesh Tarsariya

      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
      Umesh Tarsariya recently posted…Ultimate Guides to On Page SEO of a Blogger Blog.My Profile

  • Yurika

    Facebook tab it’s not working

    • http://www.tipsviablogging.com Umesh Tarsariya

      i thinks your template missing some code, that allows the appearance of facebook widget… kindly search and update your template accordingly .
      Umesh Tarsariya recently posted…Ultimate Guides to On Page SEO of a Blogger Blog.My Profile

  • http://blog.jasonfrega.com 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.

  • http://www.web-tasks.com/services/NationalSEO Search Engine Optimization SEO

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

  • http://paradisesoftwares.blogspot.com/ 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

  • http://www.tipsviablogging.com 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

  • Usman

    Thanks BRO! it worked g8
    Usman recently posted…How To Publish Your Blog Post Automatically On Facebook Fanpage?My Profile

  • http://www.live-love-fashion.com Marina

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

  • http://www.mekster.com/ 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

    • http://www.tipsviablogging.com 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 :)

  • http://www.oi-peirates.com/ 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

    • http://www.tipsviablogging.com 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

  • http://www.nanogalaxy.org/ 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 ?

  • http://www.nanogalaxy.org/ Nived Kannada

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