Sunday

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.




Share :

zealmatblog

2 comments:

  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

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

      Delete



Parse Your Adsense HTML code Here





We love to hear from you!

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