Cara Membuat Kumpulan Komentator

Pada saat ini saya masih tetap berbagi dengan kawan diseputaran Komentar sesuai dengan Artikel saya sebelumnya, yaitu cara membuat Kumpulan Komentar dan Cara membuat Rekapitulasi Komentar pada masing-masing artikel / postingan yang sudak kita publish. :r 

Sekarang yang akan saya sampaikan untuk berbagi dengan kawan yaitu Cara membuat Kumpulan para Komentator di Blog kita. Kelebihan script ini pada tampilannya yaitu kawan dapat mengetahui  pengunjung yang memberikan komentar dan komentator siapa yang paling banyak.  Bagaimana, kawan berminat, kalau kawan berminat silahkan baca dan ikuti secara seksama cara membuatnya

• Seperti biasa silahkan masuk ke Blogger Account dengan ID kawan
• Pada Perancang Template pilih tambah Gadget
• Copas Kode berikut kedalamnya

<div style="overflow:auto;width:100%;height:200px;padding:10px;border:0px solid #eee">

<div style="border: 1px dotted black; background: ; padding-left:1px; width:auto; font-size: 16px; color:black;">

<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 + "'";

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=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fwww.tips-blogbego.blogspot.com &num=100&filter=TIPS BLOGBEGO,TIPS-BLOGBEGO,PUTU,BALAIBENGONG" type="text/javascript">

</script></div>

Keterangan :

• <div style="overflow:auto;width:100%;height:200px; padding:10px;border:0px solid #eee"> adalah lebar dan tinggi disesuaikan dengan blog kawan.
• <div style="border: 1px dotted black; background: ; padding-left:1px; width:auto; font-size: 16px; color:black;"> adalah garis pemisah agar kelihatan seperti buku tulis. 
• www.tips-blogbego.blogspot.com adalah URL atau Nama blog saya silahkan ganti dengan Nama blog kawan [tanpa http://]
• num=100 adalah jumlah yang ingin kita tampilkan [kalau kawan ingin menampilkan Top 10 Comment tinggal ganti tulisan 100 menjadi 10 - silahkan disesuaikan]
• filter=TIPS BLOGBEGO,TIPS-BLOGBEGO,PUTU,BALAIBENGONG adalah filter, yang mana komentar dengan nama tersebut tidak akan ditampilkan, karena sebagai admin / pemilik blog ada yang bertanya, dan kita menjawab lewat Komentar juga maka nama admin / pemilik blog tidak akan tampil [sedangkan Nama tersebut diatas itu semua Anonim saya] :d  :z

Kalau kawan ingin berKreasi  untuk menambah seni tampilan adalah hal yang baik sebagai contoh disini akan saya berikan tips triknya agar menjadi tampilan berjalan [marquee] keatas, maka kodenya sebagai berikut :

<center><div style="text-shadow:3px 3px 3px #f00; COLOR: blue;font-size: 18px;"><b>KOMENTATOR :</b></div>
<div style="border: 0px dotted black; background: ; padding:10px; width:auto; font-size: 16px; color:black;"></div></center>
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<marquee direction="up" scrollamount="2">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</marquee>');
}</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fwww.tips-blogbego.blogspot.com &num=100&filter=TIPS BLOGBEGO,TIPS-BLOGBEGO,PUTU,BALAIBENGONG" type="text/javascript">
</script>

Keterangan :

• <center><div style="text-shadow:3px 3px 3px #f00; COLOR: blue;font-size: 18px;"> <b>KOMENTATOR :</b></div> <div style="border: 0px dotted black; background: ; padding:10px; width:auto; font-size: 16px; color:black;"></div></center> adalah Judul KOMENTATOR dengan bayangan merah (#F00;) yang letaknya ditengah atas 
• <marquee direction="up" scrollamount="2"> ini adalah kode tulisan berjalan dengan kecepatan 2
• Yang lainnya sama seperti cara diatas
• Kalau semuanya sudah benar silahkan simpan template kawan

• Beda (8)
• Beben Koben (5)
• Beben (3)
• Blogger pemula (3)
• Blogger Admin (3)
• Jagat ponsel (3)
• Muhammad Fakhrial ZId (3)
• King Money (3)
• Cayun (3)
• r10 (2)

ini adalah contoh jadinya

Seperti biasa kalau kawan punya solusi yang lain bisa disampaikan lewat komentar, sebelumnya saya ucapkan terima kasih :r