Beberapa hari yang lalu rekan saya mengirimi saya email dan menanyakan bagaimana cara membuat Recent Comment atau yang lebih dikenal dengan Komentar Terbaru’dan selalu email yang dialamatkan kepada saya saya balas juga melalui email,maksudnya pertanyaanya sudah saya jawab dengan email balasan saya tadi. akan tetapi saya pikir-pikir ada baiknya kalau topik ini saya bahas di blog ini, barangkali ada di antara sobat sekalian yang sama-sama tertarik ingin memasang Recent comment di sidebar blog sobat.
Tapi saya ingatkan Source Code ini bukan buatan saya tapi buatan hans Osting yang beralamat di
http://beautifulbeta.blogspot.com. tetapi dengan code ini anda bisa mengedit sendiri komentar terbaru sesuai dengan keinginan anda,asal jangan merubah kode sumber pembuatnya.
Codenya terdiri dari dua bagian,bagian pertama dapat anda simpan dimana saja,asalkan anda mempunyai tempat penyimpanan Directory Web misalnya http://www.geocities.com . namun sebaiknya sebelum proses upload dilakukan,copy-paste terlebih dahulu kode dibawah ini kedalam notpad,lalu baru di upload ke dalam Directory web
Kode bagian pertama :
// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version : 2.1
// Date : 2007-02-02
// 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";
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('<div class="bbrecpost">');
if (standardstyling) 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> commented');
if (showposttitle == true) document.write(' on ' + posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
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('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
document.write('<span >Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
if (!standardstyling) document.write('</div>');
}
untuk menggunakan atau memanggil kode tersebut dibutuhkan sebuah kode yang disisipkan di sidebar,caranya copy kode dibawah ini kedalam element HTML blogger
Kode bagian kedua :
<script style="text/javascript" src="http://www.geocities.com/oom_directory//recentcomments.txt"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://blogkomputers.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Ket:
Pada warna kuning : Alamat tempat kita menyimpan code bagian pertama
Pada warna biru : Ganti dengan alamat blog mu
Ohya alamat penyimpanan kode pertama merupakan alamatnya o-om
Belum cukup sampai situ,pada kode yang kedua,recent comment yang ditampilkan akan berbahasa inggris, jika ingin ditampilkan dalam bahasa Indonesia ,silahkan ganti kode yang berwarna merah diatas dengan kode berikut
http://amen24.googlepages.com/showrecentcomments.js
Sampai sini bisakan,Ok Selamat Mencoba!!!