How to Display Most Commented Posts in Blogger

Advertisements
People often ask us a common question, how they can showcase a list of most commented posts in the sidebar of their blog. Showing a list of the content that is most discussed is indeed a great way to encouraging new users to join in the conversation. It also benefits in building an active community that means more engagement and more readers would be jumping into your website. In this article, we will demonstrate that how to display most commented posts in blogger?

The very first thing you need to do is to login to your blogger account with the help of your Gmail ID and password. Once you are successfully entered to Blogger Dashboard, go to Layout >> Sidebar >> Add a gadget >> Add HTML/JavaScript and in the HTML Text box paste the following piece of code:

<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
 document.write('<ol style="">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.mybloggerlab.com/
 &ShowHowMany=10
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:right;"><a href="http://www.mybloggerlab.com/2014/06/how-to-display-most-commented-posts-in-blogger.html">Make your own</a></span>
<!-- Popular posts with comment count End -->

After pasting the above code, you need to customize it to your desire needs, so do not forget to replace http://www.mybloggerlab.com/ with your blog URL. By default, it would display 10 most commented posts so to increase or decrease the count replace =10 with the number of posts you would like to display.

Once you have finished customizing the gadget, press the “Save” button to enable the gadget in the sidebar of your blog. Congratulations, you have successfully added a list of most commented posts in your blogger blog.

We hope this article have helped all those people who kept on messaging us about this gadget. Do let us know what are your feelings and thoughts about it. In case you are already using it then let us know about how it has helped you to engage more audience. If you found this article useful, then please return back by subscribing us at Google+, Facebook or Twitter
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

3 comments

June 4, 2014 at 5:53 PM

nice widget bro .

June 21, 2014 at 8:24 AM

if i use disqus comment, so.. how to display most disqus commented ?

April 20, 2015 at 4:34 AM

If you setting disqus comment on "Enable this to keep comments on Disqus synced with Blogger", automaticly comment from disqus will automatically go to the blogger comments too... but if you are using “http://pipes.yahoo.com/pipes/pipe.run” it will disrupt the loading speed of your blog, you should make the widgets independently, as in this article ….
http://www.senatechno.com/2015/04/create-blogger-mostcomment-widget-1.html
hope it is useful.

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.