Add Disqus Recent Comments Widget to Blogger

• Home
• Widget
• Add Disqus Recent Comments Widget to Blogger

Add Disqus Recent Comments Widget to Blogger

Posted by Unknown | 2:36 PM | Leave a Comment

Today, we will learn a simple and useful tutorial on how to add an attractive and fast-loading Disqus Recent Comments widget on a Blogger blog. Widgets like these let readers know about the conversations going on at your blog, and if you're fairly active, it adds up to a good impression. This widget in question is well-scripted and the JavaScript is hosted at Disqus so as to reduce the load time on your blog. So lets learn how to add it to blogger.

Adding Disqus Recent Comments Widget to Blogger.

You can add this widget code inside any text/html block inside your blog.

• Go to Blogger >> Layout
• Click on Add a Gadget
• Choose the HTML/JavaScript widget
• Now add it anywhere you like on your blog

Now copy and paste the following code inside the HTML/JS widget.

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

The code above contains a URL. You need to change the text mybloggerworld with your own domain name (yourdomain.disqus.com).

Configuration.

After the ? in the URL, you can see a bunch of parameters. These are used to customize the functionality of the widget. Here is a brief description for each of them.
num_items - Number of comments to show in the widget
hide_mods - Hide moderators' comments (1 for hidden, 0 for disabled)
hide_avatars - Hide display images (1 for hidden, 0 for shown)
avatar_size - Avatar size in pixels (32 by default)
excerpt_length - Character-length of the excerpt (1000 by default)