back
Jumat, 05 Februari 2010

PostHeaderIcon Menampilkan Recent Comments, Komentar terbaru

~ 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
Untuk mengetahui, pengunjung blog kamu kamu perlu menampilkan recent comments di widget kamu. Ini berguna untuk memunculkan komentar terbaru dari pengunjung blog kamu.

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/JavaScript
Kemudian 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 &lt; 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!!!

5 komentar:

bivac mengatakan...

sips! sudah di coba dan berhasil, tku bro salam

KRESEKpikiran mengatakan...

Mantap... sangat berhasil...
izin untuk mnjadi follower di blog ini

Faizal_Amin, un premier etape mengatakan...

oke, terima kasih info nya, nice blog

Complete Blog Reviews mengatakan...

mantap bos tutorialnya

Agung Car mengatakan...

Ikut sedot mas bro depalpiss, walau space sudah penuh, tapi widget ini menyangkut sudah layak atau belum eksistensi seorang blogger indonesia

Subscription & Comments

Add Me ♣ Social Network
[ ]

Twitter Update - FB Page

sobat2 blogger Indonesia

Arsip Blogger Mania Indonesia