Monday, July 12, 2010

Gadget Recent Comments


Widget Recent Comments adalah widget yang berfungsi menampilkan beberapa komentar terakhir pada artikel.

Ini akan membantu kita mengetahui beberapa komentar yang terbaru, kita juga mengetahui artikel yang mana saja yang menjadi favorit (tutorial yang paling dicari).


Langkah-langkah sebagai berikut :

1. Login ke blogger.

2. Kode javascriptnya dibawah ini.
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] = "Mei";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Ags";
monthnames[9] = "Sep";
monthnames[10] = "Okt";
monthnames[11] = "Nov";
monthnames[12] = "Des";
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('<li>');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a>');
if (showposttitle == true) document.write(' mengomentari ' + posttitle);
if (showcommentdate == true) document.write(' bulan ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
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 + '">(dan seterusnya...)</a>');
if (standardstyling) document.write('</i>');}
if (!standardstyling) document.write('</div>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
document.write('<span ><a href="http://ecaknyo.blogspot.com/feeds/comments/default/" target="_blank">Recent Comment ecaknyo</a></span>');
if (!standardstyling) document.write('</div>');}
Ket.
Copas kode javascript diatas ke dalam notepad, ubah teks yang berwarna merah sesuai keinginan, simpan file notepad ini dengan format .js. Misalnya : recent comments_ecaknyo.js


3. Upload file recent comments.js ini ke google site atau ke server file lainnya dan salinlah link url file recent comments.js tsb.

Contoh : Saya menggunakan penyimpanan file di google site, link urlnya seperti dibawah ini.
http://sites.google.com/site/ecaknyo/blog/bank-javascript-ecaknyo/recent-comment_ecaknyo_v2.js?attredirects=0&d=1
Ket. Copy hanya sampai batas .js saja, yang saya warnai hitam diabaikan.


4. Login blogger > rancangan > elemen halaman > tambah gadget > html/javascript, lalu copas kode dibawah ini ke dalamnya.
<ul><script style="text/javascript" src="http://sites.google.com/site/ecaknyo/blog/bank-javascript-ecaknyo/recent-comment_ecaknyo_v2.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://ecaknyo.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></ul>
Ket :
Biru, gantilah dengan url file javascript ( .js ) milik kamu yang tadi sudah di upload.

Merah, gantilah nilainya sesuai keinginan atau biarkan default.
- Numcomments, menampilkan banyaknya jumlah komentar.
- Numchar, menentukan seberapa panjang isi Recent Comment yang ingin ditampilkan.

Hitam ,gantilah menjadi "true" jika ingin ditampilkan atau "false" jika ingin disembunyikan.
- showcommentdate, menampilkan bulan & tahun.
- showposttitle, menampilkan judul posting yang dikomentari.

Hijau, gantilah dengan feed comments blog kamu sendiri.


5. Simpan widget & Refresh blog


Selamat Mencoba.