Home » » Cara Membuat Widget Top Komentator Cloud

Cara Membuat Widget Top Komentator Cloud

Pada postingan Ini merupakan lanjutan dari postingan sebelumnya yang Sebelumnya pernah saya bahas mengenai membuat widget top komentator  (baca: Cara Membuat Widget Top Komentator) namun widget ini masih bergaya standart, berupa list daftar pengkomentar biasa. Kali ini saya akan memberikan tutorial pembuatan widget top komentator bergaya cloud seperti halnya label.

Widget ini saya dapatkan dari blogger sentral, sobat bisa mengunjungi langsung situsnya jika ingin tau lebih jelas. Dibawah ini cara pemasangan widget top komentatornya.


Langsung saja untuk membuatnya silahkan ikuti tutorial di bawah ini:
1. Login ke blogger
2. Tata Letak
3. Add Gadget, pilih HTML/Javascript
4. Masukkan script di bawah ini
=============================================================
<!-- 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.-->
<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://www.oktri.co.cc
&Exclusions=Anonymous,Oktri darmadi
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; 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>
</div>
<!-- Top Commentators Cloud End -->
=============================================================

Keterangan :
  • Hapus tulisan yang berwarna merah jika sobat tidak ingin menampilkan jumlah komentar.
  • Silahkan ganti http://www.oktri.co.cc dengan alamat url blog sobat tanpa diakhiri dengan slash ( / ).
  • Anonymous,Oktri darmadi  adalah nama komentator yang tidak ingin sobat tampilkan, biasanya nama pemilik blog, ganti saja dengan nama sobat (nama pada user blogger dan besar kecilnya huruf juga berpengaruh).
  • Angka 20 adalah banyak komentator yang ingin ditampilkan.
  • alphabeta dalah urutan top komentator berdasarkan abjad atau huruf, silahkan ganti dengan "frequency" jika ingin mengurutkannya berdasarkan banyaknya komentar.

Semoga bisa bermanfaat, selamat mencoba !






Artikel Terkait:

2 komentar:

  1. nice info sob.........salam knl ya..:)

    skalian follow di no urut 179..

    jika anda berkenan silahkan follow balik sob....

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri