Disqus Various Widget Code for Blogger & Wordpress Blog

I was previously post different tutorials and widget on Disqus Comment System. Today , I'm share "Disqus Various Widget Code for Blogger & Wordpress Blog". These widget are looking awesome and fast loading.

It's fully SEO optimized widget for Blogger and Wordpress Blog. It's simply add java script code on HTML/Javascript Widget. So let's check it out these widgets-

Adding Disqus Popular Post or Most Discussed Widget To Blogger

Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="popularthreads" class="dsq-widget">
<h2 class="dsq-widget-title">Popular Threads</h2>
<script type="text/javascript" src="http://digitalhubinc.disqus.com/popular_threads_widget.js?num_items=5"></script>
</div>

Customization :

Replace digitalhubinc.disqus.com with your site's Disqus ID.

Replace 5 with the number of threads your want to display.

Save All.

Adding Disqus Top Commenters Widget To Blogger

Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="topcommenters" class="dsq-widget">
<h2 class="dsq-widget-title">Top Commenters</h2>
<script type="text/javascript" src="http://digitalhubinc.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script>
</div>

Customization :

Replace digitalhubinc.disqus.com with your site's Disqus ID.

Replace 5 with the number of commenters your want to display.

Replace hide_mods=0 with hide_mods=1 if you want to hide moderator's name from this widget.

Save All.

Adding Disqus Recent Comments Widget To Blogger

Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

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

Customization :

Replace digitalhubinc.disqus.com with your site's Disqus ID.

Replace 5 with the number of commenters your want to display.

Replace hide_mods=0 with hide_mods=1 if you want to hide moderator's comments.

Save All.

Adding Disqus Combination Widget To Blogger

Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div class="heading blue">
            <h2>Community</h2>
        <script type="text/javascript" src="http://digitalhubinc.disqus.com/combination_widget.js?num_items=5&hide_mods=1&color=grey&default_tab=recent&excerpt_length=30"></script>
    </div>

Customization :

Replace digitalhubinc.disqus.com with your site's Disqus ID.

Replace 5 with the number of items your want to display.

Replace grey with your preferred color.

Replace 1 with 0 if you want to display moderator's name on this widget.

Save All.

See more tutorials on:

1. Add A Fixed Jump To Comments Button In Blogger
2. Add Disqus Comment System in your Blog
3. Adding Disqus to your Blogger Blog
4. How to Install Disqus comment System Manually on Blogger
5. Loading... disqus add comment Button for Blogger

DisqusTutorials