How to Add Recent Comments to Your Blogger Blog

How to Add Recent Comments to Your Blogger Blog

This method can enable you comment traffic to increase and also it help in attracting more page viewers to comment the moment the see other recent comments.
To be able to do this easy method you just have to follow the steps below.

Step 1
Login to your blogger dashboard and select  that particular blog you want to add this to.

Step 2
Now move  you now down to layout and then click on it

Step 3
Now click on add gadget and click on HTML/java script.

Step 4
Then copy the code below and paste it into the box been given to you.

<style type="text/css">ul.zealmatcomments{list-style: none;margin: 0;padding: 0;}.zealmatcomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}.zealmatcomments li .avatarImage {padding: 3px;background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}.zealmatcomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}.zealmatcomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[    // Recent Comments Settings    var numComments  = 5, showAvatar  = true, avatarSize  = 60, roundAvatar = true, characters  = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar  = "http://2.bp.blogspot.com/--_6Od9Fchhw/Vj9GHK2sm8I/AAAAAAAAA8o/30pnOz3_p_w/s1600/mr%2Bzealous.jpg", hideCredits = true;//]]></script><script type="text/javascript" src="http://zealmat.googlecode.com/svn/trunk/zealmat/[zealmat.com]recent-comments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=zealmatcomments&max-results=5"></script><div style="font-size: 10px; float: right; margin-top: -15px">Get this <a href="http://www.zealmat.com/2015/12/how-to-add-recent-comments-to-your.htm" rel="nofollow" >Recent Comments Widget</a></div>

Now rreplace http://2.bp.blogspot.com/--_6Od9Fchhw/Vj9GHK2sm8I/AAAAAAAAA8o/30pnOz3_p_w/s1600/mr%2Bzealous.jpg  
With your own image url and click on save 

Step 5
Click on the preview button to see how it look like and that all you need.

Don't forget to drop a comment below thanks.


  1. So, i'm trying to familiarize myself with blogger. I just tried this out and the result is exactly the way you laid the guide down Mathias.. Good work

    1. yes brother you are welcome just remember that zealmatblog is always here for you