SliControl.com: How To Add Stylish Recent Comment Widget With Thumbnail

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<h3>
 </h3>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">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</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br />
<span style="color: blue;"><b>----------------------------------------------------------------------------------------------------</b></span></span><br />
<span style="color: blue; font-family: Georgia, Times New Roman, serif; font-size: large;"><b>  </b>How To Add Stylish Recent Comment Widget With Thumbnail ?</span><br />
<span style="color: blue; font-family: Georgia, Times New Roman, serif; font-size: large;"><b>----------------------------------------------------------------------------------------------------</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">1, Go to <i>Blogger Dashboard </i>> <i>Layout.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><i><br /></i>
2. Click on <i>Add a Gadget</i> > <i>HTML/JavaScript.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><i><br /></i>
3. Paste below code and save it.<em></em></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<blockquote class="tr_bq">
<div class="prettyprint prettyprinted" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"><span class="tag"></span><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;}</span><br />
<span style="font-family: Courier New, Courier, monospace;">.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></span></div>
<span style="font-family: Courier New, Courier, monospace;"><script type="text/javascript" src="http://yourjavascript.com/1134142384/recentpost.js"></script><script src="http://www.<span style="color: #cc0000;">slicontrol.com</span>/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5" type="text/javascript"></script></span></blockquote>
<br />
<div class="prettyprint prettyprinted" style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">4. Now change <i><span style="color: #cc0000;">Slicontrol.com</span> </i> with your own blog URL.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="prettyprint prettyprinted" style="text-align: left;">
</div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">5. Now save you widget.</span></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-5483023600857989" data-ad-slot="9199356664" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<br />
<div id="engageya_tag" style="clear: both;">
<script type="text/javascript">var dbnwid=46127; var dbnpid=98929; var dbnwebid=49423; var dbnlayout=22; var dbncolor="#0268b0"; var dbntitlefontsize="14"; var dbnbgcolortype=1; var dbnheader="You might enjoy reading:"; var dbnremindercolor=2; var dbn_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cscript src='" + dbn_protocol + "widget.engageya.com/sprk.1.0.2.js' id='grazit_script' class='grazit_script' type='text/javascript'%3E%3C/script%3E")); </script></div>
<div id="engageya_tag" style="clear: both;">
<script type="text/javascript">var dbnwid=45002; var dbnpid=98929; var dbnwebid=49423; var dbnlayout=20; var dbncolor="#0268b0"; var dbntitlefontsize="14"; var dbnbgcolortype=1; var dbnheader="You might enjoy reading:Follow"; var dbnremindercolor=2; var dbn_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cscript src='" + dbn_protocol + "widget.engageya.com/sprk.1.0.2.js' id='grazit_script' class='grazit_script' type='text/javascript'%3E%3C/script%3E")); </script></div>
<div class="OUTBRAIN" data-src="DROP_PERMALINK_HERE">
</div>
<script type="text/javascript">(function(){window.OB_platformType=8;window.OB_langJS="http://widgets.outbrain.com/lang_en.js";window.OBITm="1392063388974";window.OB_recMode="brn_strip";var ob=document.createElement("script");ob.type="text/javascript";ob.async=true;ob.src="http"+("https:"===document.location.protocol?"s":"")+"://widgets.outbrain.com/outbrainLT.js";var h=document.getElementsByTagName("script")[0];h.parentNode.insertBefore(ob,h);})();</script></div>

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 comme...