Wakalixes + DISQUS

A number of people have written in to tell me about the funky DISQUS rendering with Wakalixes, so I set up an account, installed it, and lo and behold… it was ugly!  So, I got about to getting it working right, and the fix is pretty simple.

There are two pieces of DISQUS code you need to post into your Tumblr theme.  The first one is short, and goes before the

</div> {/block:Posts}

For Wakalixes, the code is slightly different:

<div class="entry"><a href="{Permalink}#disqus_thread">Comments (View)</a></div>

The second bit is a bit longer, and goes outside of the {/block:Posts}. It’s pretty much the same as usual, you just need to wrap it in a div with a class of entry, like so:

<div class="entry"> DISQUS javascript block goes here </div>

So, basically you just have be sure to wrap each of the DISQUS code snippets in a div with a class of entry, which will make the comment system line up accordingly and pay attention to the color rules.