Using DISQUS for Tumblr Comments

25Dec08

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting! LOVELY!

As I was searching for easy workarounds in the internet for Tumblr Comments (obviously, Tumblr does not have the comment feature enabled automatically on their themes), I found some sites saying that they have used Disqus and have so far loved using it.

So I gave it a try and in less than 3 minutes I was good to go! My friends can now add comments on my ever-so-mushy-dedicated-to-my-girlfriend Tumblr Blog. The instructions on how to put Disqus is really very straightforward and they have the instructions on their site. For the sake of everybody, I’m going to put the steps below:

1. Login to your Disqus account (If you don’t have one, obviously you need to signup for one)

2. If you just started the account, you will be asked what platform you are using, in this case select Tumblr.

3. Now, Log into your Tumblr account to edit your theme and select Custom HTML.

4. Paste the following code so that it is right before

{/block:Posts}. This adds a comment counter/permalink.

<p style="font-size: 10px; text-align: left"><a href="{Permalink}#disqus_thread">Comments (View)</a></p>

Look carefully: {/block:Posts} is not the same as {block:Posts}.

5. Then, paste the below Disqus Code for Tumblr somewhere after {/block:Posts}

{block:Permalink}<script type="text/javascript">var disqus_url = "{Permalink}";

var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>

<div id="disqus_thread"></div>

<script src="http://disqus.com/forums/xxxxx/embed.js" type="text/javascript"></script>

<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

{/block:Permalink}

<script type="text/javascript">

//<![CDATA[

(function() {

   var links = document.getElementsByTagName(\\\\\'a\\\\\');

   var query = \\\\\'?\\\\\';

   for(var i = 0; i < links.length; i++) {

     if(links[i].href.indexOf(\\\\\'#disqus_thread\\\\\') >= 0) {

       query += \\\\\'url\\\\\' + i + \\\\\'=\\\\\' + encodeURIComponent(links[i].href) + \\\\\'&\\\\\';

     }

   }

   document.write(\\\\\'<script type="text/javascript"

src="http://disqus.com/forums/xxxxx/get_num_replies.js\\\\\' + query + \\\\\'"></\\\\\' + \\\\\'script>\\\\\');

 })();

//]]>

</script>

Like my article? Buy me a beer!

52 Responses to “Using DISQUS for Tumblr Comments”


  1. 1 Kat Posted January 16th, 2009 - 4:01 pm

    Wow, that worked! Thanks!

  2. 2 admin Posted January 17th, 2009 - 11:54 am

    glad I could help ^_^

  3. 3 munna7 Posted January 19th, 2009 - 11:48 pm

    Hi and thanks for the code!

    But there is something missing in your code, after line 3 (in the empty line):

    Without it, there is no chance to actually POST comments.
    At least in my case ;)

  4. 4 admin Posted January 20th, 2009 - 12:01 am

    yeah i think there is something missing there.. im still trying to tweak something cause there seems to be something wrong with my code snippets..

    glad i could help though..

  5. 5 munna7 Posted January 20th, 2009 - 12:10 am

    why did you delete the missing code?

    line 3:

  6. 6 munna7 Posted January 20th, 2009 - 12:12 am

    ok, you didn’t, it wasn’t taken over.
    line 3:[code][/code]

  7. 7 admin Posted January 20th, 2009 - 12:14 am

    hahaha.. yeah ‘it wasn’t taken over’ is the correct description..

  8. 8 munna7 Posted January 20th, 2009 - 12:15 am

    another try in double quotes…

    “”

  9. 9 munna7 Posted January 20th, 2009 - 12:19 am

    another try; double quotes instead of the first and last arrowheads:

    “div id=”disqus_thread”></div”

  10. 10 munna7 Posted January 20th, 2009 - 12:29 am

    OK…
    replace the first double-quote with a less-than-sign
    and the last double-quote with a greater-than-sign
    and insert the line after line 3 into the disqus-code.

  11. 11 admin Posted January 20th, 2009 - 12:29 am

    hmmmmmmm i did it but the “” are now showing up.. does not look “codish” if ever such word exist..

  12. 12 admin Posted January 20th, 2009 - 12:39 am

    OK NOW its good!

  13. 13 munna7 Posted January 20th, 2009 - 12:46 am

    My pleasure!

  14. 14 munna7 Posted January 21st, 2009 - 10:52 pm

    You shouldn’t use above code for your own blog.
    It’s the code for ‘xxxxx’ (Pat Lucci).
    Login to your own Disqus account and choose ‘Add Website’ under ‘My Websites’. THEN you’ll be asked, what platform you are using and your OWN code will be generated and offered by Disqus.

  15. 15 admin Posted January 22nd, 2009 - 12:38 am

    oh yeah i forgot to point that out… my bad.

  16. 16 erik Posted January 22nd, 2009 - 3:11 am

    i can’t put it! DX

  17. 17 admin Posted January 22nd, 2009 - 6:56 pm

    what seems to be the problem erik?

  18. 18 Anastasia Posted May 17th, 2009 - 4:50 am

    Thanks so much for this! It was a really big help with my Tumblr blog. Worked like a charm.

  19. 19 pineapplr Posted June 5th, 2009 - 1:39 pm

    thanks so much, simple instructions and worked perfectly the first time!

  20. 20 Gabby Posted June 10th, 2009 - 4:58 am

    Yeah! disquss is really good plugin for blog comment posting.This is also why i switched to Disqus.

  21. 21 nessa Posted June 12th, 2009 - 3:29 am

    It works! but the only problem is that there’s 2 comment links. How can I get rid of one of them?

  22. 22 cory d Posted October 3rd, 2009 - 3:58 am

    what is “Disqus” about? I dont understand.. and for example.. chose a theme and then I changed the colors etc..but if I want to add a code I have to erase all the changes i made..is there other wats I can d tis?

  23. 23 mar Posted October 7th, 2009 - 11:31 am

    the actual service is great but the placement is allll wrong and i dont know how to fix it
    the comment link is too far down to the point that it looks as if it is part of the previous entry…
    html help, anyone?

  24. 24 Tina Posted October 22nd, 2009 - 12:10 pm

    DON’T USE DISQUS! COPY OF COMPLAINT LODGED AGAINST DISQUS.

    My problem is that your stupid moderating system takes comments that are completely innocent and wont post it. You tell me what’s wrong with the following comment: “My dad hit a child when he was a Detective and let me tell you, I’d never seen him cry until that night. He was a toughie. The child ran out in front of him without waiting for the crossing light. She was too small to see. Thank God she survived. My dad was a mess for a long time.” Now, what the heck is wrong with that. We know it’s probably a randomly generated catch system because apparently you people are too lazy to put a live person to catch the flaws. People are leaving the Channle 2 site because of your screwed up moderating system! I lodged a complaint with Click2 Houston to let them know that we are unhappy and unsatisfied with your service. My next step is notifying the sponsors of each story. Get your crap together or lose participants! You suck! A lot of people are really pissed off at your service.

  25. 25 Autumn Posted October 28th, 2009 - 11:30 am

    I can’t get the comments to work on my website. I signed up for Disqus and I added the code and the link at the end of one of my posts, but then it said “Page Not Found” when I clicked on the link. What am I doing wrong?

  26. 26 lauren Posted November 14th, 2009 - 12:42 am

    yeah, im getting the same thing, autumn…did it all according to the directions and every time someone clicks the ‘comments’ on my tumblr they get sent to a page that says ‘page not found’

    can’t figure out what i’m doing wrong.

  27. 27 ihsan Posted November 27th, 2009 - 5:14 am

    please check this, (www.ihsankl.tumblr.com) is it right? how bout visitor who doesn’t have a tumblr/ disqus account? are they still can post a comment? thx b4 :)

  28. 28 admin Posted November 28th, 2009 - 4:41 pm

    @ihsan yes, anybody can make a comment if you use disqus.. ^_^

  29. 29 Nina Posted December 5th, 2009 - 6:41 pm

    Thank you
    Thank you
    Thank you

    I’ve been going crazy for the last few hours trying to figure it out! The Disqus site is very informative, glad I got it to work through your site!

  30. 30 Nina Posted December 5th, 2009 - 6:42 pm

    I meant to write, UNINFORMATIVE. Brain is fried, thanks again!

  31. 31 admin Posted December 8th, 2009 - 12:41 pm

    You’re most welcome, Nina.. I’m glad I was able to help! ^_^

  32. 32 Jenny Posted December 27th, 2009 - 3:38 pm

    Thank you so much! worked instantly.

  33. 33 Kyel Posted March 23rd, 2010 - 1:41 pm

    Okay so I signed up with Disqus and everything worked great when I installed it… but then I decided to change my page theme on tumblr and now I can no longer find the “use custom html” link and entering my disqus shortname isn’t helping. Help?

  34. 34 Kyel Posted March 23rd, 2010 - 1:44 pm

    Oops, nevermind. I was entering the wrong shortname. It’s all good now. Sorry. :)

  35. 35 Cynthia Sanders Posted March 27th, 2010 - 5:13 am

    It will be nice to put comment form at the bottom, I like reading comments in your blog, lot of interesting people can be found here, but I need to scroll up if want to comment (

  36. 36 okazii Posted March 30th, 2010 - 1:45 am

    working fine. thx

  37. 37 good batteries Posted May 5th, 2010 - 5:58 pm

    Happy to share your blog!

    Disqus is popular and useful.Disqus is good for my work and life.I like it very much.but every coin has two back.we should use the disqus to improve our working efficient

  38. 38 epiCham Posted May 22nd, 2010 - 10:50 am

    Hi. thanks for the help. ^_^ visit my photo blog sometimes. You may love it. have a good day.

  39. 39 Darragh Posted May 27th, 2010 - 3:36 am

    Thanks very much for that – got it sorted. Nice one :)

  40. 40 devina Posted July 6th, 2010 - 11:43 am

    thx for this it works charming s much thanks keep on working :D

  41. 41 sante mutuelle Posted January 12th, 2011 - 7:33 pm

    Great reading an interesting article.

  42. 42 minh-ha Posted January 19th, 2011 - 3:04 am

    that worked!! have been looking everywhere for this info – THANK YOU!

  43. 43 james Posted February 17th, 2011 - 2:38 pm

    Hey, thanks for this! :)

  44. 44 Rohit Posted March 2nd, 2011 - 5:03 am

    Thanks,
    That was neat!

  45. 45 Angelique Lussier Posted April 1st, 2011 - 8:59 am

    The world returns to Lexington in April 2011 for the Rolex Kentucky Three-Day Event and the new Ariat Kentucky Reining Cup!  

  46. 46 ife0fastranger Posted May 3rd, 2011 - 3:04 am

    OMG that took nothing thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you

  47. 47 Zoe Posted July 6th, 2011 - 11:37 am

    I put it in and it worked at first. Then it said, “we were unable to load disqus.” is it just that it’s not working right now or something else?

  48. 48 KCarey Posted July 7th, 2011 - 7:54 am

    I love this, and it really did help a lot… Except that there’s this huuuuuge gap before the comments show up. I understand some CSS, but not enough to know what I should do to change it.

  49. 49 Kim Posted October 23rd, 2011 - 12:54 pm

    Hey there, trying your method. Is {/block PostSummary} acceptable, because my html does not have just posts. Thanks.

  50. 50 Kim Posted October 23rd, 2011 - 1:13 pm

    IT WORKED FINALLY…..I found the correct command line. I thank you very much, not sure it’s supposed to look how it looks but it’s there. Thanks. If you want to see it or let me know it’s right, please check the website above. Thank you.

  51. 51 Amanda Nudelman Posted December 31st, 2011 - 7:19 am

    I work with the Community Team for Disqus, and wanted to provide a reference link for the great information posted above.

    A Quick Start guide for setting up Disqus can be found here: http://docs.disqus.com/help/4/

    And a reference for how to implement our Universal Code (as outlined in the post) can be found here: http://docs.disqus.com/developers/universal/

    If you have any questions, our support team can be contacted here: http://disqus.com/support

  52. 52 michael kors tote Posted February 23rd, 2012 - 5:33 pm

    It is always refreshing to read posts of other forums and learn something from them.

Leave a Reply


Comment guidelines: No spamming, no profanity, and no flaming. Inappropriate comments will be deleted outright.




about

we're going to blog about sites that may "spark" some interest in you. we're going to put some colors into your internet browsing and blog hopping.. :) --iskolares--

My site was nominated for Best Blog Design!

Donate To the Site – It will help

Please make some donations

Follow My Blog

Best WEBHOST!

Banner

Archives

Web Development & Design - Top Blogs Philippines