Home Blogging Simple Steps to Install Disqus on Tumblr

Simple Steps to Install Disqus on Tumblr

By default, Tumblr gives no chance for its users to do a two-way communication as it doesn’t feature a comment column like WordPress and Blogger. However, it doesn’t mean that you can’t let your readers to leave a comment.

Tumblr allows its users to install a third party commenting system in order to enable us building a two-way communication. So far, only Disqus that we can add to Tumblr. Follow the steps bellow if you want to add Disqus to your Tumblr blog.

Install Disqus on Tumblr

I assume that you already have a Disqus account. Before adding Disqus to your Tumblr blog you need a Disqus Shortname first.

  • Simply visit this link to get a Disqus Shortname. Fill out the Website Name column and choose your desired category. The unique URL of the Website Name will be your Disqus Shortname. I mean, if the unique URL of the Website Name is bettertechtips.disqus.com, your Disqus Shortname is bettertechtips. Copy it to your favorite text editor.

  • Login to your Tumbr dashboard. From the Account menu, choose Edit appearance.

  • Click Edit theme.

  • Select Edit HTML.

  • Insert the following code anywhere between <head> and </head> tags
<meta name='text:Disqus Shortname' content='' />
  •  Search for “{/block:Posts}” and add the following code right after it.
{block:IfDisqusShortname}

<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
    var disqus_url = '{Permalink}'; 

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

{/block:IfDisqusShortname}
  •  Click the “Update Preview” button and then click “Save”
  • Go back to Edit Theme and add your Disqus Shortname. Click the Save button to make a change. Done. You should see Disqus comment appear below your post on Tumblr.

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here

MOST-READ THIS WEEK