Connect with us

Uncategorized

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.


Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 63 other subscribers

Trending