How to Add Disqus Comment Widget on Blogger

Wednesday, January 7, 20150 comments

Diqus comments widgets to Blogger - Geeky Juan
As an avid blog reader, it's normal to check for recent activity of the blog to see if it is active.

While recent and popular posts are widely checked by other users, some navigate among the comments with a question, "do people or admins interact with its users?" It might have been a positive thing to let your users navigate through your articles when checking for comments, it could also increase the bounce rate of your site. So instead of slightly punishing your readers, why not put a widget that shows the most recent comments on your blog.

Today, is to show you how to display Disqus comments in a widget since Disqus is one if not the most widely used third-party comment engine for blogs. To view the steps and code, please see the list below:

Step 1: Add an HTML/JavaScript widget

Step 2: Place the code below
<div id="recentcomments" class="dsq-widget">
<h2 class="dsq-widget-title">Recent Comments</h2>
<script type="text/javascript" src="http://YOURDISQUSURL.disqus.com/recent_comments_widget.js?num_items=NUMBEROFITEMS&hide_avatars=0&avatar_size=32&excerpt_length=100"></script>
</div>
Step 3: Change the necessary codes
YOURDISQUSURL.disqus.com - change this to your Disqus URL (e.g. "yoursite.disqus.com")
NUMBEROFITEMS - change this to your desired number of items to be displayed (e.g. "7")

Step 4: Save the widget you created
--
Normally, this should be up and running after saving if you already have any comments via Disqus. If not, please do wait for little while 'til it is done loading.

If in any case you copied the examples given in Step 3, please do remove the double quotes and it should function properly.

If you have any questions or concerns, please place a comment below.
Share this article :

Post a Comment

 
Copyright © 2015. Storyahi - All Rights Reserved