Cara Membuat Widget Top Komentator (New Tab)

Widget Top Komentator fungsinya menampilkan daftar link komentar pengunjung yang paling banyak berkomentar di blog kita secara berurutan, sesuai dengan jumlah komentarnya.

Widget ini sebenarnya memberikan keuntungan bagi kedua belah pihak, yaitu si komentator dan si pemilik blog. Link Si komentator akan ditampilkan pada widget tersebut jika berkomentar paling banyak, Sedangkan Si pemilik blog dapat mengukur baik tidaknya posting tersebut, sehingga lebih mudah untuk memperbaiki posting-posting berikutnya.

Sebenarnya banyak blog yang telah membahas widget Top Komentator ini, tapi mungkin Sobat masih mendapatkan yang tidak ada fungsi New Tab-nya, jika tidak menggunakan New Tab, sebenarnya akan sedikit merugikan kita, karena link yang diklik akan menggantikan halaman blog kita. Untuk mengatasi hal tersebut, pada posting ini menambahkan fungsi New Tab tersebut.



Untuk memasang widget Top Komentator ini, ikuti langkah-langkah berikut.

1. Login ke akun blog Sobat.
2. Kemudian pilih Layout.
3. Pada Page Element pilih/klik Add a Gadget --> HTML/Javascript.
4. Copy paste kode berikut ke dalam kotak content
   

   <script type="text/javascript">
   function pipeCallback(obj) {
   <!-- Top Commentators Cloud Start -->
   <div style="text-align:justify;line-height:1.2;"><script type="text/javascript">
   function cCloud(feed) {
   max = 0;
   min = 10000;
   //finding highest and lowest count
   for (i=0;i<feed.count;i++)
   {
   ccCount = feed.value.items[i].commentcount * 1;
   if (ccCount > max){
   max = ccCount;
   }
   if (ccCount < min)
   {
   min = ccCount;
   }}
   ccCountD = "";
   display = "";
   for (j=0;j<feed.count;j++)
   {
   ccdiff = feed.value.items[j].commentcount - min;
   ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
   ccUrl = "'" + feed.value.items[j].authorurl + "'";
   ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
   ccName = feed.value.items[j].title + ccCountD;
   ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
   display = display + ccLName;
   }
   document.write(display);}</script>
   <script src="http://pipes.yahoo.com/pipes/pipe.run?
   YourBlogUrl=http://androidevsrom.blogspot.com/
   &Exclusions=Anonymous,Ageboy
   &ShowHowMany=10
   &Order=alphabet
   &_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5
   &_render=json"
   type="text/javascript"></script>

5. Jangan lupa untuk di Simpan.

Note :

• target='_blank' : fungsi New Tab.
• androidevsrom.blogspot.com : Ganti Dengan alamat Blog Sobat.
• 10 : jumlah link komentar yang akan ditampilkan.
• ageboy : untuk memblokir nama komentator agar tidak muncul dalam daftar, biasanya ini untuk si Admin. Ganti dengan Nama Admin di Blog Sobat.

Selesai..