How to Add Disqus Recent Comments Widget to Blogger

There are several comment system available for use on Blogger platform, such as IntenseDebate, Facebook, Disqus and more. But I like the Disqus comment system to a greater degree. That is because there are more features available in it, like comment moderation, comment by email, comment using social media platforms, you can even edit any comment in your site and many more, compared to others. If you want to try this comment system, just go to disqus.com and learn to add it on your site.

This post is particularly intended for those who had already installed disqus comment system on their blogger site. If you are using the default recent comment widget on your blog then you should have noticed that disqus comments aren't appearing there. In such a case, you will need to use the recent comment widget specifically for disqus.

It is very easy to install this widget. You just have to add some code (JavaScripts) in the widget box of your blogger site. Just use the code provided on this post and you will be able to add this recent comment widget on your site. Now study the steps given below.

• First, Log in to your Blogger Account and click on the Blog Title on which you want to add this widget.
• After that go to the Layout page from your Blogger Dashboard.
• In the Layout/Elements page click on Add a Gadget link. Clicking the link will open a pop-up where you can many gadgets and widget available to use in Blogger platform.

• Now choose HTML/JavaScript gadget from the widget list.

• Now add the following codes in the Content.

<div id="recentcomments" class="dsq-widget">
     <h3>Recent Comments</h3>
     <script type="text/javascript" src="http://ultimatebloggerhacks.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=50&excerpt_length=0" />
</div>

Important: You will need to alter the given code above to make it work for your blogger site. See the following steps to make it work perfectly on your blogger site.

You will need to replace ultimatebloggerhacks from the above code with your disqus shortname.

• You can now save this widget by clicking Save Button.

You can also control the number of comments to be shown in the widget and various other things. See some tweaks explained below to customize this widget.

1. To change the number of comments to be shown in your disqus recent comments widget, change the value of num_items in the above given code. By default, it is set to show five comments.
2. If you want to hide your comments then change the value of hide_mods to 1.
3. You can also hide the avatars shown in the comments widget. Just change the value of hide_avatars to 1.
4. You will surely want to change the size of comment avatars. To change the size, change the value of avatar_size from 50 to the size you want in your comment avatar.
5. By default, it will show you full comments in the widget. If you want to show jut the summary of comments, then change the value of excerpt_length from 0 to your desired summary length. If you leave it to 0, it will show the full comments.

That's it! If you have followed the given steps above carefully, then you should have successfully added the Disqus Recent Comments Widget on your Blogger blog. If you need further help, feel free to drop a comment below.