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.
