How to Add Recent Comments to Your Blogger Blog

Get Free SEO Tips

Follow me

Mathias Amodu

Founder at Zealmat Limited
My Name is Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me
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=”https://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.

About Mathias Amodu 903 Articles
My Name is Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

2 Comments

  1. Swhy December 27, 2015
    • Mathias Amodu December 28, 2015

Leave a Reply

*