Add Disqus Latest / Recent Comments Widget - All New Design!

Disqus is one of the most popular online commenting platform. Since 2011, where I first Installed Disqus on BloggingeHow, the commenting platform has grow so fast and now we get to see tons of big names using the platform.

Disqus deprecated it's recent comment widget a while ago, and it was the feature I personally missed a lot. You got to show recent comments on your blog if you've a healthy discussion going on your blog and websites. Such recent comments widget motivates the readers to leave out their opinions and surely it helps grow the community.

Disqus Latest / Recent Comments Widget - All New Design!


With the Disqus recent comment widget you're about to see, it used the same deprecated mechanism, though with a new design to give it a new look and feel. There are certain limitations to Disqus Comments widget such as it's refresh rate, number of requests for widget loading and one of the biggest loop hole is it's synchronization with Disqus's database.

Meaning by, that If someone leaves a comment on your blog and it gets updated on the recent comment widget, now if the person updates or edits it's comment, the recent comment widget won't update the change as it doesn't synchronize it's self with the database at back end for older comments and only fetches new ones.

Read also: How to Enable Disqus for Mobile in Blogger

Though still, it's better to display comments to motivate new readers than to not having the widget installed in the first place

Lets get into how you can add the widget to your blogs.

Install Disqus Recent Comment Widget to Blogs


Step#1  Adding Code


Navigate to your Blogger Blogs Dashboard >> Layout >> Add a new Widget in the sidebar. (if you wish to add the widget in the sidebar).

Now simply add the following code in the HTML/Javascript gadget box.

<div id="RecentComments" class="dsq-widget">

 <script type="text/javascript" src="http://bloggingehow.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=64&excerpt_length=100"></script>
</div>

<style>
.dsq-widget  {   
opacity:.6;
}
 img.dsq-widget-avatar {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #dddddd;
    display: block;
    float: left;
    height: auto;
    margin: 10px 8px 0 2px;
    width: 72px;
pointer-events: none;
}

.dsq-widget-comment p {
     display: inline;
     line-height: 5px;
  }

a.dsq-widget-user {
    font-size: 14px;  
}
p.dsq-widget-meta {
    border-bottom: 1px solid;
   
    clear: both;
    font-size: 75%;
    line-height: 17px;
    margin: 16px 5px 20px;
    opacity: 0.6;
    padding: 0;
}
</style>


Step#2 Add Disqus 'shortname' profile ID


Now replace bloggignehow (our disqus profile 'short name') with yours. That's all folks. Do let me know if you wish to see more customizations to the widget. Any ideas?

Cheers.

You can go ahead and read:  INTERVIEW: Fiverr's Top-Rated Seller Marc aka Anarchofighter Buys a Home Within a Year with Fiverr Money!

COMMENTS

.
Name

AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
false
ltr
item
BloggingeHow | Making Blogging Simpler: Add Disqus Latest / Recent Comments Widget - All New Design!
Add Disqus Latest / Recent Comments Widget - All New Design!
http://4.bp.blogspot.com/-UtNuP86cL4c/U9Q8RxX-m9I/AAAAAAAANbg/0e3g9OAWS9U/s1600/disqus+recent+comment+widget+with+new+design+bloggingehow.PNG
http://4.bp.blogspot.com/-UtNuP86cL4c/U9Q8RxX-m9I/AAAAAAAANbg/0e3g9OAWS9U/s72-c/disqus+recent+comment+widget+with+new+design+bloggingehow.PNG
BloggingeHow | Making Blogging Simpler
http://www.bloggingehow.com/2014/07/add-disqus-latest-recent-comments-to-blogs.html
http://www.bloggingehow.com/
http://www.bloggingehow.com/
http://www.bloggingehow.com/2014/07/add-disqus-latest-recent-comments-to-blogs.html
true
5839591175544873606
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy
Resources

Tools of the Trade