How To Add Stylish Recent Comment Widget With Thumbnail

 

There are several Recent comment widget are released by the bloggers. But this  Recent Comments Widget is different with regular comment widget. This recent comment widget has displays recent blog comments on your sidebar.You can always use this widget to display the recent comments of anywhere on your blog.  This looks exactly Round avatar style with Recent Comments Widget. This widget is highly customizable. So that you can easily customize your recent comments widget. have a fun

—————————————————————————————————-

  How To Add Stylish Recent Comment Widget With Thumbnail ?
—————————————————————————————————-

1, Go to Blogger Dashboard > Layout.

2. Click on Add a Gadget > HTML/JavaScript.


3. Paste below code and save it.


<style type=”text/css”>    ul.latest_recent_comments{list-style:none;margin:0;padding:0;}    .latest_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .latest_recent_comments 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;}    .latest_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .latest_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
.latest_recent_comments span{display:none;}</style><script type=”text/javascript”>//<![CDATA[    // Recent Comments Settings    var    numComments     = 8,    showAvatar     = true,    avatarSize     = 60,    roundAvatar    = true,    characters     = 30,    showMorelink    = true,    moreLinktext    = “More &#65533;”,    defaultAvatar     = “http://www.gravatar.com/avatar/?d=mm”,    hideCredits    = true;//]]></script>

<script type=”text/javascript” src=”http://yourjavascript.com/1134142384/recentpost.js”></script><script src=”http://www.slicontrol.com/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5″ type=”text/javascript”></script>

4. Now change Slicontrol.com with your own blog URL.

5. Now save you widget.


Add Comment