Memasang Widget Top Komentator pada Blog

Setelah membahas beberapa artikel yang berhubungan dengan komentar seperti membuat recent comment (komentar terbaru), memasang emoticon diatas kotak komentar, membuat kotak komentar berada di tengah, dan yang lainnya. Sekarang saya akan menjelaskan cara membuat widget top komentator pada blog.

Widget top komentator sendiri dibuat untuk melihat statistic dan jumlah komentar dari para komentator yang telah memberikan komentarnya di blog kita. Untuk membuatnya silahkan ikuti prosesnya berikut ini:

1. Login Ke Blogger Kalian
2. Masuk Ke Rancangan ---> ELEMEN halaman
3. Pilih tambah Gadget ---> HTML/Java script
4. Silahkan Copy kode berikut dan Paste didalam konten HTML/Java script tadi

<script type="text/javascript">
function getYpipe(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://NAMABLOGKALIAN.Blogspot.com
&ExcludedNick1=NamaProfilblogger
&ShowHowMany=20
&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script>

Keterangan:
== ganti kode warna biru dengan URL blog kalian
== ganti kode warna merah dengan Nama profil Blogger kalian
== Ganti warna ungu dengan angka sesuai keinginan kalian

5. SIMPAN

Selain menggunakan kode diatas kalian juga bisa menggunakan kode dibawah ini. Untuk prosesnya sama denga yang diatas, kalian tinggal copy kode dibawah ini dan paste didalam HTML/Java scriptnya.

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
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("</ul>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http%3A%2F%2FNAMABLOGKALIAN.Blogspot.com&num=10" type="text/javascript"></script>

Keterangan :
== ganti kode warna biru dengan URL blog kalian
== ganti kode warna merah dengan jumlah angka yang ingin kalian tampilkan

Simple dan sangat sederhana kan...? silahkan dipraktekkan dan semoga bermanfaat.