DISQUS is one of the most popular commenting systems out there for blogs. I mentioned it previously when I compared the 3 main commenting systems for Blogger so you can read about the benefits and features of DISQUS in that post. It has a great design and spam filter, is easy to install and use and also automatically adds the nofollow attribute to commenters links.
How to install DISQUS Comments on Blogger
1. Sign up to DISQUS here. It will ask you to provide a username, email address and password. It will then ask you your site name, your shortname (unique ID to identify your blog) and to choose a category that your blog fits into.
2. On the settings page in the Admin section it will ask you to choose your platform. You can choose WordPress, Squarespace, Tumblr and more. For this tutorial, we’ll choose Blogger.
3. Click the “Add [name] to my site” which will open a new window with the add a gadget option. Select the blog you want to add it on and click Add Widget. You’ll be redirected to Bloggers Layout page where you’ll see the new gadget. I tend to move it under the blog gadget to keep things organised but that’s not necessary.
4. On DISQUS, choose your site and go to Settings. Here you can change the colour scheme, typeface, moderation rules, avatars and other settings for your comments.
5. If you have existing comments via Blogger, you may want to transfer them into DISQUS. On DISQUS, go to Discussion > Import. You can select the platform and import your comments. It can take up to 24 hours to import depending on how many comments you had.
6. If you’re switching blogging platform (from Blogger to WordPress for example) or have changed your domain you can migrate your comments. On DISQUS, go to Discussion > Tools > Start Domain Migration Wizard and follow the instructions.
7. If you’re using an old Blogger template, you’ll need to update a line of code. You can see those instructions here.
8. If you’re using Bloggers default mobile template, you’ll have to enable DISQUS for that separately. You can check this in the Template section under Mobile. To enable DISQUS for mobile templates go to Template > Edit HTML and search for
disqus, you’ll find something similar to the following
<b:widget id='HTML#' locked='false' title='Disqus for #' type='HTML'> ... </b:widget>
mobile='yes' like this
<b:widget id='HTML#' locked='false' mobile='yes' title='Disqus for #' type='HTML'> ... </b:widget>
and save. If you aren’t using a mobile template and are showing the desktop version instead, then DISQUS will be automatically enabled.