Simple And Plain Latest Comment List For Blogger

Latest Comment List For Blogger is now a popular widget for bloggers to show off there quality readers views to upcoming readers to attract them. Latest Comment List For Blogger can show your new readers that what the previous reader lefat and on which post. This Latest Comment List For Blogger will be placed on everypage of your blog so whereever the new visitor land can see the feedback from others readers.

Now there are many Latest Comment List For Blogger available over internet but here we have a simplest one with having all features and fully customizable. This Latest Comment List For Blogger didnt contain images that can give a log and can make a mess with some browsers so in comments, only text are important so now use this Latest Comment List For Blogger widget on your blogger blog and attract more readers.

Features:

1.) Pure JavaScript Added.
2.) No JQuery File Added.
3.) No CSS Added.
4.) Simple And Fast Loading Code.
5.) Can Work With Any Browser.
6.) Work With Any Blogger Domain.
7.) Can Set The Post Count Too.
8.) Stylish In Design.
9.) Loading Icon.
10.) Pick Comment Text, Comment Author, Comment Date, Comment Posts URL, Comment Link.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog”.
3.) Go To “Layout”.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now “Copy” The Below Code And “Paste” It To There.
8.) Leave The “Title” Empty.
9.) Click “Save”, Now You Are Done.

CSS:

<!-- Latest/Recent Comment List By EXEIdeas -->
<style type="text/css">
#rcw-comments {}
#rcw-comments a{}
#rcw-comments u{}
#rcw-comments b{}
#rcw-comments i{}
</style>

JavaScript:

<script type="text/javascript">
//<![CDATA[
function showrecentcomments(json) {
for (var i = 0; i < a_rc; i++) {
var b_rc = json.feed.entry[i];
var c_rc;
if (i == json.feed.entry.length) break;
for (var k = 0; k < b_rc.link.length; k++) {
if (b_rc.link[k].rel == 'alternate') {
c_rc = b_rc.link[k].href;
break;
}
}
c_rc = c_rc.replace("#", "#");
var d_rc = c_rc.split("#");
d_rc = d_rc[0];
var e_rc = d_rc.split("/");
e_rc = e_rc[5];
e_rc = e_rc.split(".html");
e_rc = e_rc[0];
var f_rc = e_rc.replace(/-/g, " ");
f_rc = f_rc.link(d_rc);
var g_rc = b_rc.published.$t;
var h_rc = g_rc.substring(0, 4);
var i_rc = g_rc.substring(5, 7);
var j_rc = g_rc.substring(8, 10);
var k_rc = new Array();
k_rc[1] = "Jan";
k_rc[2] = "Feb";
k_rc[3] = "Mar";
k_rc[4] = "Apr";
k_rc[5] = "May";
k_rc[6] = "Jun";
k_rc[7] = "Jul";
k_rc[8] = "Aug";
k_rc[9] = "Sep";
k_rc[10] = "Oct";
k_rc[11] = "Nov";
k_rc[12] = "Dec";
if ("content" in b_rc) {
var l_rc = b_rc.content.$t;
} else if ("summary" in b_rc) {
var l_rc = b_rc.summary.$t;
} else var l_rc = "";
var re = /<\S[^>]*>/g;
l_rc = l_rc.replace(re, "");
document.write('<div id="rcw-comments">');
if (m_rc == true) document.write('<u>On ' + k_rc[parseInt(i_rc, 10)] + ' ' + j_rc + ' </u>');
document.write('<b><a href="' + c_rc + '">' + b_rc.author[0].name.$t + '</a></b> commented');
if (n_rc == true) document.write(' on ' + f_rc);

if (o_rc == 0) {
document.write('</div>');
} else {
document.write(': ');
if (l_rc.length < o_rc) {
document.write('<i>&#8220;');
document.write(l_rc);
document.write('&#8221;</i></div>');
} else {
document.write('<i>&#8220;');
l_rc = l_rc.substring(0, o_rc);
var p_rc = l_rc.lastIndexOf(" ");
l_rc = l_rc.substring(0, p_rc);
document.write(l_rc + '&hellip;&#8221;</i></div>');
document.write('');
}
}
}
}
//]]>
</script>
<script style=text/javascript>
var a_rc = 10; // Total Comments To Show
var m_rc = true; // Active Comment Date
var n_rc = true; // Active URL Of Posts
var o_rc = 100; // Chracter Count Of Comment
</script>
<script src="/feeds/comments/default?alt=json&callback=showrecentcomments&max-results=500"></script>

Customization:

1.) Edit Your JavaScript Options As Per Your Requirements. Rest Is Ok For General Us. If You Are Pro, Then You Can Do Any Thing.

Last Words:

That’s all we have. If you have any problem with this code in your blogger template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…