Cara Membuat Cloud Top Comentator

Cara Membuat Widget Top Komentator Bergaya Cloud. Ketika melakukan blogwalking, saya menemukan suatu blog yang memasang Widget Top Komentator dengan model Cloud pada side barnya. Penasaran dengan widget tersebut mendorong saya untuk mencari tahu bagaimana cara membuatnya. Setelah melakukan browsing ke sana ke mari dan akhirnya saya menemukan tips tersebut pada blog Mas Doyok. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Berikut langkah-langkah membuat Widget Top Komentator Bergaya Cloud.



Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Tambahkan Gadget



Kedua, kemudian pilih HTML/Javascript.



Ketiga, copy dan paste kode berikut ini.



rows</span>="8" <span style="color: red;">cols</span>="40" <span style="color: rgb(153, 102, 51);">name</span>="Famous Quotes" <span style="color: rgb(102, 0, 204);">readonly</span>="readonly"><br /><br /></span><span class="fullpost"><!-- Top Commentators Cloud Start (c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.--><br /><div style="text-align:justify;line-height:1.2;"><br /><script type="text/javascript"><br />function cCloud(feed) {<br />max = 0;<br />min = 10000;<br />//finding highest and lowest count<br />for (i=0;i<feed.count;i++) cccount =" feed.value.items[i].commentcount"> max)<br />{<br />max = ccCount;<br />}<br />if (ccCount < min =" ccCount;" cccountd = "" display = "" j="0;j<feed.count;j++)" ccdiff =" feed.value.items[j].commentcount" ccfontsize =" 80" ccurl = "'" style="color: rgb(255, 0, 0);">ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count</span><br />ccName = feed.value.items[j].title + ccCountD;<br />ccLName = "<a style="'text-decoration:none;font-size:" href=" + ccUrl + " target="'_blank'">" + ccName + " </a>";//clickable commentator name<br />display = display + ccLName;<br />}<br />document.write(display);<br />}<br /></script><br /><script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=<span style=">http://tips-trik-blog.blogspot.com</span><br />&Exclusions=<span style="font-weight: bold; color: rgb(255, 0, 0);">Anonymous, yono, tips blog</span><br />&ShowHowMany=<span style="font-weight: bold; color: rgb(255, 0, 0);">15</span><br />&Order=<span style="color: rgb(255, 0, 0); font-weight: bold;">alphabet</span><br />&_callback=cCloud<br />&_id=cfa196644e1d6159c9183548c4b5e2f5<br />&_render=json"<br />type="text/javascript"></script><br /><span style=" float:right;;margin-top:10px;"><a href="http://bloggersentral.blogspot.com/2010/02/top-commentators-cloud-widget.html" target="_blank">Make your own</a></span><br /></div><br /><!-- Top Commentators Cloud End --></span><br /><span class="fullpost"><br /><br /><span style="color: rgb(255, 102, 0);"></span><br />



Keterangan

• Ganti http://tips-trik-blog.blogspot.com dengan URL blog masing-masing.
• Untuk memfilter terhadap nama / ID tertentu, silakan ganti anonymous, yono, tips blog dengan nama-nama yang tidak ingin kita tampilkan dalam daftar komentator tersebut, pisahkan dengan koma antara satu nama dengan nama yang lain.
• Angka 15 menunjukkan jumlah komentator teratas yang tampil dan jika menginginkannya, silakan ganti dengan jumlah angka yang lain.
• Alphabet menunjukkan penyortiran (pengurutan) berdasarkan alphabet dan jika menginginkan penyortiran berdasarkan frekuensi, silakan ganti dengan frequency.
• Jika tidak ingin menampilkan jumlah komentar di belakang nama-nama komentator, silakan hapus kode berikut.

<span style="color: rgb(255, 0, 0);">ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count