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  = "", hideCredits = true;//]]></script><script type="text/javascript" src="[]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="" rel="nofollow" >Recent Comments Widget</a></div>

Now rreplace  
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.

About Author 2018 NIRA Award winner for Youth Development, A web Specialist, Blogger, Student and a Business Man
Newer Posts Newer Posts Older Posts Older Posts

More posts


Parse Your Adsense HTML code Here

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

  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