Recent Comments Widget For Blogger

This Recent Comments Widget for Blogger volition display the almost recent comments on your blog's sidebar, showing a snippet of the terminal comments along amongst the championship of the postal service where the comment was made. The comments volition live gathered inwards descending fellowship amongst the newest comments at the transcend in addition to the older ones at the bottom.

The gadget is coded inwards JavaScript in addition to styled amongst CSS merely at that spot hasn't been added besides much, in addition to hence that it could gibe the color system of your Blogger template.

Parameters to live configured:

a. Number of comments - full issue of comments to display;
b. Date on which the comment has been published - either display or shroud it;
c. Posts on which a comment has been made - you lot tin either shroud the postal service titles or present them;
d. Number of words per comment excerpt - the showtime "n'' words of the comment volition live listed.

To add together the Recent Comment Widget to a Blogger weblog is really easy.  Just follow the side past times side steps below:

How To Add Recent Comments Widget to Blogger

Step 1. Log inwards to your Blogger Dashboard, conduct your weblog > larn to "Layout" in addition to click the "Add a Gadget" link:

Step 2. From the pop-up window, scroll downward in addition to click on the "HTML/JavaScript" option:

Step 3. Copy in addition to glue the below code inwards the HTML/JavaScript box:

<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
purpose showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href=" ">Recent Comments Widget</a></div>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>

Step 4. Replace http://your-blog-name.blogspot.com amongst your address (pay attending to non convey ii frontwards slashed at the terminate of it).

Other settings:
- to alter the issue of comments that are beingness displayed, supervene upon the "5" value from a_rc=5;
- to add together the appointment on which the comment has been made, alter the "false" text from m_rc=false to "true";
- to shroud the postal service titles, alter the "true" text from n_rc=true to "false";
- to present approximately comment characters, alter the "100" value from o_rc=100

Step 5. Click the "Save" push clit in addition to larn to come across the recent comments widget for Blogger alive on your blog!