How to Display Recent comments in Blogger

Socialize It →

Tweet

11

Advertisements

In the past, we have already showed you how to add recent posts in your blogger site. However, we never happen to discuss how to display recent comments in blogger. Thanks to our readers, who emailed us about this topic to turn our attention towards it. Today in this article, we will show you how to display recent comments in blogger either in your sidebar, footer or any other place you like. May be you would like to add it in your 404 not found page to make it useful.

Why to Add Recent Comments Widget in Blogger?

You might have an active community on your blog, where people often leave a comment or two on your multiple posts. However, people who leave comments on your blog are actually your followers as you don’t really see new people commenting on your blog posts unless they need help.  So, this widget could help new visitors in motivating them to take part in the conversation which would certainly increase the engagement as well.

How to Add Recent comments in Blogger?

The very first thing that you’ll be doing is to login into your blogger dashboard with your Google account. After logging in go to Layout >> Add a Gadget >> Add HTML/JavaScript and paste the following piece of coding that will turn into a list of recent comments on your blog.

<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://www.mybloggerlab.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<style type=text/css>
.rcw-comments {
font-family: inhert;
font-size: 14px;
margin-bottom: 15px;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 15px; line-height: 20px; }
}
</style>

You need to replace your Website URL, so that this widget will work just fine. To increase the number of comments shown on the widget simply search and replace “5” with the no of comments on you want to show.  If you like to display dates along with comments than replace “False” with true. If you want to limit comment characters then replace “100” with any other that you like.

After customizing you can save the widget by pressing "Save" button present towards the end of the widget. Once done, you will be able to see recent comments on your blog.

We hope this tutorial may have helped you in learning how to display recent comments in blogger. We have used JavaScript to display these comments, so if you turn off JavaScript from your browser's setting it will stop appearing. However, almost 99% browser nowdays support JavaScript, so its not a that big issue. Let us know what are your thoughts about it, share it with your friends on Facebook, Google+ or Twitter.

Advertisements

About the Editorial Team

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