Membuat Recent Comment

Pada perjumpaan sebelumnya kita telah membahas tentang cara membuat Recent Post. Pada kesempatan kali ini saya ingin menjelaskan tentang membuat recent comment. Cara memasangnya juga sama. Jadi yang berminat memasang Recent Comment dipersilahkan untuk meng-copy paste kode dibawah ini kedalam halaman blog anda. Namun sebelumnya saya harapkan kepada anda semua agar javasricpt-nya diletakkan di hositngan milik anda masing-masing karena dikhawatirkan suatu saat nanti javascript milik saya dihapus atau terhapus.

Dibawah ini adalah javascript dari Recent Comment.

// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 1.0
// Date: 2006-12-01
// Author: Hans Oosting
// URL: beautifulbeta.blogspot.com
// ----------------------------------------

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";
var comment = entry.content.$t;
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if (showcommentdate == true) document.write('Tanggal ' + cdday + ' '+ monthnames[parseInt(cdmonth,10)] + ' ' + cdyear + ' ');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> berkomentar');
if (showposttitle == true) document.write(' pada ' + posttitle);
document.write(':<br/>');
if (comment.length < numchars)
document.write('<i>' + comment + '</i><br/><br/>');
else
document.write('<i>'+ comment.substring(0, numchars) + '...</i><br/><br/>');
}

}


Copy kode tersebut ke notepad, kemudian
Simpanlah kode tersebut dengan ekstensi js. Misalnya recentcomment.js
Upload file js tersebut ke web hosting anda.

Berikut ini adalah kode HTML dari Recent Comment

<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/showrecentcomments2.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Yang ditandai merah adalah letak alamat dari javascriptnya.
Ubahlah kode yang berwarna biru ke alamat blog anda

Mudah-mudahan bermanfaat.