Membuat Widget Top Komentator Cloud

11/12/2010 Blogger Tips Trik Blog Tutorial Blogger Widget
Mungkin sudah banyak sobat yang memasang widget top komentator, tapi tentunya dengan bentuk yang standard. Sama halnya dengan label cloud, widget top komentator ini juga berbentuk cloud atau menyerupai awan. Buat sobat yang menggunakan atribut nofollow, mungkin bisa berbagi sedikit backlink dengan memasang widget ini.

Dengan menggunakan atribut nofollow dan memasang widget top komentator ini, sobat tidak terlalu banyak memberikan backlink seperti halnya blog dofollow, tapi akan mengundang pengunjung untuk memberikan komentar sebanyak-banyaknya di blog sobat.

Dibawah ini cara pemasangan widget top komentatornya.

* Login ke blogger sobat.
* Silahkan tuju ke Tata Letak.
* Klik tab Elemen Halaman.
* Tambah Gadget (Add Gadget) -> pilih yang HTML/Javascript.
* Kemudian masukkan kode script dibawah ini :

<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://www.deddycamp.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://ade-tea.blogspot.com
&Exclusions=Anonymous,Greenlava
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span style=" float:right;;margin-top:10px;"><a href="http://www.deddycamp.com" 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://ade-tea.blogspot.com dengan alamat url blog sobat tanpa diakhiri dengan slash ( / ).
* Anonymous,Greenlava adalah nama komentator yang tidak ingin anda tampilkan, biasanya nama pemilik blog, ganti saja dengan nama anda (nama pada user blogger dan besar kecilnya huruf juga berpengaruh).
* Angka 20 adalah banyak komentator yang ingin ditampilkan.
* alphabet adalah urutan top komentator berdasarkan abjad atau huruf, silahkan ganti dengan "frequency" jika sobat ingin mengurutkan berdasarkan banyaknya komentar.

Selesai. Selamat Mencoba dan Semoga bermanfaat

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Artikel Terkait

Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments