Cara Pasang Top Commentator

Satu lagi cara untuk meningkatkan trafik pengunjung yaitu dengan memasang top komentator widget di blog anda. Dengan membuat top komentator widget anda telah memberikan bonus kepada pengunjung blog anda dengan cara memberikan backlink gratis yang akan mendorong pengunjung anda semakin betah untuk mengunjungi blog anda. Top komentator akan menampilkan daftar nama atau link yang mengarah ke blog / website pengunjung. Hal ini akan memotivasi pengunjung untuk balik dan balik lagi ke blog anda.

Tutorial kali ini saya akan berikan dua tipe widget Top Komentator, yaitu Top Komentator yang ditampilkan dengan bentuk list dan Top Komentator dengan bentuk Cloud, keren khan... Tutorial widget ini saya dapat dari bloggersentral.com. Oke kita langsung ke TKP...

Top Komentator Bentuk List

1. Login ke blog anda.
2. Klik Design > Page Elements.
3. Klik Add A Gadget.
4. Pilih HTML/Javascript .
5. Copy-Paste kode di bawah ke kotak postingan.
6. Ketik judul widget seperti Top Commentators.
7. Klik Save dan lihat hasilnya.

<!-- Top commentators widget v1 Start -->
<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://www.bloganda.blogspot.com
 &ExcludedNick1=NickAnda
 &ExcludedNick2=nick anda
 &ShowHowMany=10
 &_callback=getYpipe
 &_id=23022d7836bf2dd3c10a329feb9be26a
 &_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:right;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-top-commentator.html">Get this widget</a></span>
<!-- Top commentators widget End -->

Kustomisasi Kode

1. URL Blog / Website – ganti alamat URL http://www.bloganda.blogspot.com dengan alamat blog / website anda. Ingat: jangan gunakan garis miring di akhir alamat (cth: .com/).
2. ExcludedNick1 dan ExcludedNick2 – dapat digunakan pengecualian komentator nama anda hingga dua nama. Nama Anonymous sudah termasuk dalam pengecualian komentator. Ketikan nama pengecualian anda sesuai dengan huruf yang digunakan karena huruf besar dan kecil berpengaruh dalam pengecualian.
3. ShowHowMany – jumlah nama yang ditampilkan secara default adalah 10 nama.

Widget ini menggunakan Yahoo! Pipes untuk mengekstrak dan memproses data dari blog anda dengan data dari 1000 komentator melalui feed komentator.

Top Komentator Bentuk Cloud

1. Login ke blog anda.
2. Klik Design > Page Elements.
3. Klik Add A Gadget.
4. Pilih HTML/Javascript .
5. Copy-Paste kode di bawah ke kotak postingan.
6. Ketik judul widget seperti Top Commentators.
7. Klik Save dan lihat hasilnya.

<!-- 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='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://www.bloganda.blogspot.com
 &Exclusions=Anonymous,Nama Anda
 &ShowHowMany=20
 &Order=alphabet
 &_callback=cCloud
 &_id=cfa196644e1d6159c9183548c4b5e2f5
 &_render=json" 
type="text/javascript"></script>
</div>
<span style="font-size: 80%; float:right;;margin-top:5px;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-top-commentator.html" target="_blank">Get this widget</a></span>
<!-- Top Commentators Cloud End -->

Kustomisasi Kode

1. URL Blog / Website – ganti alamat URL http://www.bloganda.blogspot.com dengan alamat blog / website anda. Ingat: jangan gunakan garis miring di akhir alamat (cth: .com/).
2. ExcludedNick1 dan ExcludedNick2 – dapat digunakan pengecualian komentator nama anda hingga dua nama. Nama Anonymous sudah termasuk dalam pengecualian komentator. Ketikan nama pengecualian anda sesuai dengan huruf yang digunakan karena huruf besar dan kecil berpengaruh dalam pengecualian.
3. ShowHowMany – jumlah nama yang ditampilkan secara default adalah 10 nama.
4. Order - urutan nama komentator ketik alphabet jika ingin mengurutkan berdasarkan huruf alfabet. Ketik frequency jika ingin mengurutkan berdasarkan jumlah frequency komentar.
5. Comment count - Comment count secara default akan ditampilkan. Jika tidak ingin ditampilkan hapus baris kode Comment count.

.:Selamat Mencoba:.