Jumat, 05 Februari 2010
Menampilkan Recent Comments, Komentar terbaru
depalpiss ~ Kegiatan yang menggembirakan adalah belajar buat Blog dan semangat cinta yang paling membahagiakan adalah berBagi. Kegemaran ini telah menjadi kebiasaan yang mengagumkan. Ngeblog yuk, Berbagi Cinta Yuk!!! → Lihat Profil
Sebenarnya untuk menampilkan komentar terbaru sudah ada di tambah gadget bawaan blogspot, di paling populer namun banyak dari para blogger enggan mengunakannya. Oke langsung aja kita buat Recent Comments-nya
Caranya :
Log In Ke dasbor blogger kamu --- Klik Tata Letak/lay Out --- Tambah Gadget --- Pilih HTML/JavaScriptKemudian Copy paste-kan Kode di bawah, beri judul Recent Comments atau Komentar terbaru
<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 5; i++) {
var entry = json.feed.entry[i];
var ctlink;
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 (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
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('<li>');
if (comment.length < 50) {
document.write('<div style="font-size:90%;background-color: #dcdcdc;border: #dcdcdc 1px dashed;margin-right:5px">' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
document.write(' - ' + entry.author[0].name.$t + ' commented on');
document.write(' ' + pttitle + ':</div>');
document.write(comment);
}
else
{
comment = comment.substring(0, 50);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<div style="font-size:90%;background-color: #dcdcdc;border: #dcdcdc 1px dashed;margin-right:5px">' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
document.write(' - ' + entry.author[0].name.$t + ' commented on');
document.write(' ' + pttitle + ':</div>');
document.write(comment + '...<a href="' + ctlink + '">(more)</a>');
}
}
document.write('</li>');
}
</script>
<script src="http://piss-blogger.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>
Keterangan :
for (var i = 0; i < 5; i++) { : Angka 5 pada kode ini, berarti menampilkan ninimal komentar angka lima bisa di ganti sesuai dengan kebutuhan penampilan komentar.
background-color: #dcdcdc;border: #dcdcdc : Kode ini, adalah untuk menampilkan warna dari latar-belakang komentar ini juga bisa di ganti. Denagan kode warna HTML yang lain. Untuk melihat Kode HTML KLIK DI SINI
http://piss-blogger.blogspot.com : Dan Untuk Kode yang warna Biru, ganti dengan URL blog kamu.
Gampang khan!!
Oke selamat mencoba!!!
|
Diposkan oleh
depalpiss
http://piss-blogger.blogspot.com "Be Creative Not Evil"



5 komentar:
sips! sudah di coba dan berhasil, tku bro salam
Mantap... sangat berhasil...
izin untuk mnjadi follower di blog ini
oke, terima kasih info nya, nice blog
mantap bos tutorialnya
Ikut sedot mas bro depalpiss, walau space sudah penuh, tapi widget ini menyangkut sudah layak atau belum eksistensi seorang blogger indonesia
Poskan Komentar