Menampilkan Komentar Terakhir / Terbaru

Untuk menampilkan komentar terakhir / terbaru biasanya dari widget blog sudah tersedia, tapi jika anda ingin membuatnya sendiri silahkan copy kode berikut:

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 300px; text-align: left;"><script style="text/javascript"> function showrecentcomments(json) { var numcomments = 5; var showcommentdate = true; var showposttitle = true; var numchars = 100; 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, ""); document.write('<br/>'); if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' '); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> berkomentar'); if (showposttitle == true) document.write(' di ' + posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(selanjutnya)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://jvccard.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script></div>

Keterangan:

• width: 200px Untuk menentukan lebar area, silahkan ganti angka / sesuaikan dengan template blog.
• height: 300px Untuk menentukan tinggi area
• numcomments = 5 Untuk menampilkan jumlah komentar yang diinginkan.
• jvccard.blogspot.com Silahkan ganti dengan alamat blog anda.

Cara Pemasangan:

• Login blog
• Pada Dashboard pilih menu Design
• Pada Page Elements silahkan tambag Gadget atau klik Add a Gadget >> Pilih HTML/JavaScript >> Paste kode diatas.
• Klik Save

Selesai...
Hasil Screenshot:

Semoga bermanfaat, salam blogger

Link to This Post:

http://jvccard.blogspot.com/2011/04/menampilkan-komentar-terakhir-terbaru.html