Cara Membuat Widget Top Commentator di blog [Versi List & Cloud]

Selamat malam blogger mania dan teman-temanku yang lainnya.. malam ini saya ingin posting artikel tentang Bagaimana Cara Membuat Widget Top Commentator.? Pas saya lagi tidak punya bahan untuk postingan, kebetulan ada salah seorang sahabat saya menanyakan soal Cara Membuat WidgetTop Commentator, akhirnya punya bahan deh.., setelah sebelumnya saya memposting artikel Buat Status Facebook Via Blackberry tanpa Blackberry.. hehehe.. ^_^

Sebelum saya memberikan Bagaimana Cara Membuat Widget Top Commentator.? Ada baiknya kita cari tahu dulu apa sih manfaatnya dengan memasang widget seperti ini.?

Berikut Manfaat dari Membuat Widget Top Commentator yang akan saya uraikan :

1. Widget Top Komentator akan memancing pengunjung blog untuk meninggalkan komentar di blog kita karena komentar yang mereka tinggalkan akan mendatangkan Backlink buat blog mereka.
2. Widget Top Komentator akan mendorong pengunjung blog kita untuk meninggalkan komentar yang lebih banyak untuk sampai ke posisi teratas (Top 1) di widget tersebut, karena pengunjung akan memanfaatkan widget ini untuk mempromosikan blog mereka.
3. Di sisi lain, dengan menambahkan  Widget Top Commentator akan mendorong pengunjung untuk meninggalkan komentar mereka sebanyak mungkin dalam artikel di blog kita, Jadi hal itu, meningkatkan kualitas postingan kita. Nah, posting yang memiliki banyak komentar akan dikategorikan menjadi artikel kualitas tinggi, karena keberhasilannya dalam memancing reaksi dari pembaca.
4. Satu lagi tambahan, dengan Widget Top Commentator ini bisa anda pergunakan untuk pemberian penghargaan atau award buat teman-teman yang telah bersedia memberikan komentar di postingan.

Seperti itulah manfaatnya menurut saya, bagi teman-teman yang berminat untuk memasang Widget Top Commentator ini. Berikut langkah-langkahnya :

Saya akan memberikan 2 versi, terserah kalian mau pilih yang mana.

Widget Top Commentator Cloud Style Version

<!-- 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://thelikers.blogspot.com &Exclusions=Anonymous,Andy Borneo&ShowHowMany=10&Order=frequency&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5 &_render=json" type="text/javascript"></script><br/> <span style="font-size: 8px;">Widget by <a href="http://thelikers.blogspot.com/2012/07/cara-membuat-widget-top-commentator-di.html" target="_blank" title="Tutorial Blog"><b>Get Widget</b></a></span></div> <!-- Top Commentators Cloud End -->

Widget Top Commentator List Style Version

<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://thelikers.blogspot.com/ &ExcludedNick1=Anonymous, Andy Borneo&ExcludedNick1=TheLikersBlog™ &ShowHowMany=10 &_callback=getYpipe &_id=23022d7836bf2dd3c10a329feb9be26a &_render=json" type="text/javascript"></script><br/> <span style="font-size: 8px;">Widget by <a href="http://thelikers.blogspot.com/2012/07/cara-membuat-widget-top-commentator-di.html" target="_blank" title="Tutorial Blog"><b>Get Widget</b></a></span></div>

Cara memasangnya sebagai berikut :

• Login ke Dasbor
• Masuk Tata Letak/Layout
• Add a Gadget >> HTML/JavaScript
• Terus copy paste kode diatas
• Selanjutnya klik simpan/save. Dan lihat hasilnya..

Catatan :

1. Ganti tulisan YourBlogUrl=http://thelikers.blogspot.com dengan URL BLOG sobat
2. Ganti tulisan Anonymous,Andy Borneo dengan NAMA PROFIL BLOGGER sobat
3. Ganti tulisan 10 dengan JUMLAH TOP COMMENTATOR yang ditampilkan.

Seperti itulah Cara Membuat Widget Top Commentator di blog [Versi List & Cloud]. Semoga bermanfaat..

 

NB.

Buat teman-teman yang ingin menambahkan scroll pada widget silahkan tambahkan dengan kode dibawah ini.

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 300px; text-align: center; "> Kode Widget Top Commentator </div>

Untuk ukuran width dan height disesuaikan saja..