Untuk membina widget top commenters seperti yang anda dapat lihat pada footer ( column bawah ) blog saya, terdapat satu cara yang sangat mudah. Apa yang perlu anda lakukan ialah dengan mengikut beberapa langkah dibawah.
Langkah 1
Salin kod berwarna merah di bawah pada notepad. Edit tulisan yang berwarna biru kepada url blog dan nama anda.
<script type="text/javascript"> function pipeCallback(obj) { document.write('<ol>'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=7b5e76fd684f11e94320abd4e00fbbca&url=http%3A%2F%2Fmaribinablog.blogspot.com&num=10&filter=nescafe ais" type="text/javascript"></script>
Langkah 2
Login blog => Dashboard => Layout => Add A Gadget. Klik HTML/Javascript.
Langkah 3
Paste kod yang telah di edit ( lihat langkah 1), dan paste pada ruangan content.
Akhir sekali, klik save.
Langkah 2
Login blog => Dashboard => Layout => Add A Gadget. Klik HTML/Javascript.
Langkah 3
Paste kod yang telah di edit ( lihat langkah 1), dan paste pada ruangan content.
Akhir sekali, klik save.

22 comments
widget top commentr nie bulanan ker or spjg mse?
al-Wann
~Widget nie untuk bulanan.
tq sye dah pakai widget nie best nak tanye satu solan mcm mana nak wat cloud tags???
To Shahrin:
~ Nanti gua send kat e mail. Apa-apa hal send dulu e mail kat gua yer.
ika da wat dh... baru nmpk sambutan kureng.. uhukk.. baru smgu ni je lyn blog balik.. =(
thnx dah berjaya ! ;)
time kasih atas tutorial berguna ini...:)
thanks......recent comments dah buat ke blum....
aku berminat jgk.
dah siap pasang... :D
salam..tuan rumah..suka nescafe ais ke? kita suka teh tarik mamak...eh camner yer? i dah try buat top commentors, tapi x jadi..dia keluar text yg i copy paste tu...knapa yer??
lagi satu..macamana nk buat menu kat atas?? cth: home/product/contact/daftar...tqvm for this blog..very helpful..i design blog guna try n error..nasib jadi..cuba masuk my blog..and give comments...tq again..selmt berkenalan..
terima kasih, saya suka tutorial ni....
salam tuan rumah,
tq..very2 much sy dah amik code top commnentor.
suksess..
thnx nes.... helpfull..huhu
salam.. cam ne nak buat jadi spjg masa?
thanks bg tutorial yg sgt berguna...nk tnye cmne nk jd kn header jd center?
@HASS'S COLLECTIONKalau header tu paste dalam HTML/Javascript, guna kod <center> kod di sini </center>
tapi kalau tak boleh, kena edit dalam script template
tanx,, siap,,
stiap bulan akan bertukar kan..
thanks...dah buat...
tq .. sebab berjaya buat top komentar..
Salam kenal :)
Saya dah copy coding ini tapi dia tak tunjuk angka utk bulanan...err...more like from the beginning je angka total comment tu.
Maybe if you can come and check kat my blog http:www.babyintan.com, TQ!
.....