Cara Menampilkan Recent Comments (Komentar Terbaru) Blog di Side Bar

Ada metode menampilkan Recent Comment (komentar terbaru/terakhir) blog. Salah satu caranya dengan menggunakan metode pada posting ini.

Tampilan komentar terbaru (recent comments) blog

Hasil dari menggunakan kode ini setiap komenter pengunjung terbaru akan update secara otomatis dan komenter terbaru tersebut akan muncul paling atas dari komentar-kometar pengunjung sebelumnya.

Cara menampilkan Recent Comments (komentar terbaru/terakhir) pengunjung blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:

1. Sign in di blog
2. Klick Rancangan
3. Klick Add Gadget/Tambah gadget
4. Pilih Gadget HTML/JavaScrip
5. Copy lalu paste kode di bawah iini pada pada gadget HTML/JavaScript yang ditambahkan tadi
6. Ganti http://ronamasae.blogspot.com/ dengan Url blog anda.
7. Klick Simpan untuk menyimpan perubahan.

Inilah kode yang dicopy dan paste pada Gadget HTML/JavaScript.

<script style="text/javascript">
    function showrecentcomments(json) {
    for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    alturl = entry.link[k].href;
    break;
    }
    }
    alturl = alturl.replace("#", "#comment-");
    var postlink = alturl.split("#");
    postlink = postlink[0];
    var linktext = postlink.split("/");
    linktext = linktext[5];
    linktext = linktext.split(".html");
    linktext = linktext[0];
    var posttitle = linktext.replace(/-/g," ");
    posttitle = posttitle.link(postlink);
    var commentdate = entry.published.$t;
    var cdyear = commentdate.substring(0,4);
    var cdmonth = commentdate.substring(5,7);
    var cdday = commentdate.substring(8,10);
    var monthnames = new Array();
    monthnames[1] = "Jan";
    monthnames[2] = "Feb";
    monthnames[3] = "Mar";
    monthnames[4] = "Apr";
    monthnames[5] = "May";
    monthnames[6] = "Jun";
    monthnames[7] = "Jul";
    monthnames[8] = "Aug";
    monthnames[9] = "Sep";
    monthnames[10] = "Oct";
    monthnames[11] = "Nov";
    monthnames[12] = "Dec";
    if ("content" in entry) {
    var comment = entry.content.$t;}
    else
    if ("summary" in entry) {
    var comment = entry.summary.$t;}
    else var comment = "";
    var re = /<\S[^>]*>/g;
    comment = comment.replace(re, "");
    if (!standardstyling) document.write;
    if (standardstyling) document.write('<br/>');
    if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth)] + ' ' + cdday + ' ');
    document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');
    if (showposttitle == true) document.write(' on ' + posttitle);
    if (!standardstyling) document.write;
    if (standardstyling) document.write('<br/>');
    if (comment.length < numchars) {
    if (standardstyling) document.write('<i>');
    document.write(comment);
    if (standardstyling) document.write('</i>');}
    else
    {
    if (standardstyling) document.write('<i>');
    comment = comment.substring(0, numchars);
    var quoteEnd = comment.lastIndexOf(" ");
    comment = comment.substring(0, quoteEnd);
    document.write(comment + '...<a href="' + alturl + '">(more)</a>');
    if (standardstyling) document.write('</i>');}
    if (!standardstyling) document.write('</div>');
    if (standardstyling) document.write('<br/>');
    }
   if (!standardstyling) document.write;
    if (standardstyling) document.write('<br/>');
    }
    var numcomments = 10;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://ronamasae.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Catatan:
var numcomments = 10 adalah jumlah komentar yang ditampilkan. Dan apabila ingin menambah atau mengurangi jumlah komentar yang ingin ditampilkan dapat merubah angka 10 tersebut.

Setelah melakukan langkah-langkah di atas klick lihat untuk melihat hasilnya. (248 Blog).