Membuat menu recent Comment

Sering berkunjung ke blog orang lain seperti o-om atau di blog saya dan menemukan element halaman seperti di atas (baca tentang apa itu element halaman). Itu namanya recent comment atau dalam bahasa indonesia namanya komentar terakhir, komentar terbaru atau komentar sebelumnya.

Ingin tahu cara buatnya, sebelumnya saya ingin menjelaskan sedikit, sebenarnya bukan menjelaskan lebih tepatnya memberi tahu siapa yan membaut source code untuk element di samping. Pembuatnya adalah Hans Oosting yang beralamat di beautifulbeta.blogspot.com.

Kita dapat mengedit source code tersebut sesuka kita untuk menghasilkan model yang sesuai dengan kemauan kita, tentunya kita harus punya basic programing dulu, jika tidak langsung copas aja source nya. Disini link source nya.

Atau bisa juga liaht dibawah ini.

// ----------------------------------------
// 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/>');
}

Ini hanyalah source codenya saja dan baru langkah awalnya, setelah anda copy source code di atas, paste pada notepad kemudian save menjadi file .txt misalnya recentcomment.txt .

Langkah kedua, upload lah file anda ke dalam sebuah direktori penyimpanan di internet seperti geocities, freewebtown atau layanan langsung dari google yaitu pages.google, bila anda punya acount blogger dan sedang dalam keadaan login, anda bisa langsung mengakses nya di pages.google.com .

Langkah terakhir, untuk memanggil source code yang telah kita upload kita gunakan scrip di bawah ini kemudian pastekan di element halaman di blog kamu (terserah mo diletakkan di mana, pokok-nya yang cocok dengan blog kamu):

<script style="text/javascript" src="http://shedtya.mlw.googlepages.com/recentcommentt.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://dyt-root.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomment

yang harus di ubah dari kode script di atas adalah tulisan berwarna merah dan biru. tulisan berwarna merah di ganti dengan url file .txt yang kamu upload dan tulisan berwarna biru ganti dengan nama blog kamu.

kemudian jangan lupa save dan lihat blog kamu.


Jika anda suka dengan artikel ini silahkan klik

di sini untuk berlangganan.