Simple Steps to Install Disqus on Tumblr

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

 

hand-picked weekly content in your inbox

.

related posts

LEAVE A REPLY

Please enter your comment!
Please enter your name here