How to Add Recent Comments to Your Blogger Blog | Tech Blog in Africa for How TOs


How to Add Recent Comments to Your Blogger Blog


Share... ☂

Share on Facebook
Share on Twitter
Google Plus
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.

Show zealmatblog love by Copying the Below link and Share on Social Media
Share :



  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


Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.

Parse Your Adsense HTML code Here

We love to hear from you!

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