Cara Membuat/Memasang Widget Top Komentator Berbentuk Cloud - Pada Tutorial Blog kali ini kita akan mempelajari tentang cara membuat/memasang widget top komentator berbentuk cloud. Pada Postingan sebelumnya yakni 5 Cara Meningkatkan Pengunjing Blog. Sekarang Dodol Kembali Share Tengtang Widget Top Komentar.
Widget Top Komentator Berbentuk Cloud yang satu ini sudah banyak digunakan oleh kalangan blogger yang tentunya ingin memiliki komentar banyak. Sama halnya Dodol Blog ini juga memasang widget top komentator berbentuk cloud ini karena saya memiliki alasan tersendiri mengapa memasang widget top komentator.
Widget top komentator ini sangat berbeda dengan versi sebelumnya yaitu widget top komentator yang hanya menggunakan daftar. Penempatan daftar yang vertikal seperti itu tidak terlalu menghemat tempat, berbeda sekali dengan top komentator berbentuk cloud yang satu ini mengandalkan bentuknya memang bisa dikatakan menghemat tempat. Widget seperti ini juga memudahkan pengunjung untuk melihat dan menarik simpatinya untuk berkomentar lebih banyak lagi agar tampil di widget top komentator blog anda. Selain itu, data pada widget top komentator berbentuk cloud ini juga lebih akurat dan tidak memberatkan blog.
Anda berminat memasang widget top komentator berbentuk cloud ini di blog anda? ikuti langkah-langkahnya berikut ini:
Widget Top Komentator Berbentuk Cloud yang satu ini sudah banyak digunakan oleh kalangan blogger yang tentunya ingin memiliki komentar banyak. Sama halnya Dodol Blog ini juga memasang widget top komentator berbentuk cloud ini karena saya memiliki alasan tersendiri mengapa memasang widget top komentator.
Widget top komentator ini sangat berbeda dengan versi sebelumnya yaitu widget top komentator yang hanya menggunakan daftar. Penempatan daftar yang vertikal seperti itu tidak terlalu menghemat tempat, berbeda sekali dengan top komentator berbentuk cloud yang satu ini mengandalkan bentuknya memang bisa dikatakan menghemat tempat. Widget seperti ini juga memudahkan pengunjung untuk melihat dan menarik simpatinya untuk berkomentar lebih banyak lagi agar tampil di widget top komentator blog anda. Selain itu, data pada widget top komentator berbentuk cloud ini juga lebih akurat dan tidak memberatkan blog.
Anda berminat memasang widget top komentator berbentuk cloud ini di blog anda? ikuti langkah-langkahnya berikut ini:
- Login ke akun blogger anda
- Pergi ke Menu Rancangan > Elemen Laman
- Klik add widget/tambah widget (sesuaikan posisinya), lalu klik HTML/JavaScript dan isikan kode berikut pada kolom yang tersedia:
<!-- 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://Nama Blog Sobat.blogspot.com
&Exclusions=Oidre,Zulfan
&ShowHowMany=10
&Order=alphabet
&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script><br/>
<!-- Top Commentators Cloud End -->
<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://Nama Blog Sobat.blogspot.com
&Exclusions=Oidre,Zulfan
&ShowHowMany=10
&Order=alphabet
&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script><br/>
<!-- Top Commentators Cloud End -->
- Hapus tulisan yang berwarna Biru jika sobat tidak ingin menampilkan jumlah komentar.
- Angka 10 adalah jumlah top komentator di blog anda.
- Ganti http://Nama Blog Sobat.blogspot.com dengan url blog anda.
- Oidre,Zulfan (dua nama) adalah nama-nama yang tidak ingin ditampilkan dalam top komentator anda, anda dapat mengubahnya dengan nama anda sendiri ketika berkomentar (besar kecilnya huruf berpengaruh).
- alphabet adalah urutan top komentator berdasarkan abjad atau huruf, silahkan ganti dengan "frequency" jika ingin mengurutkannya berdasarkan banyaknya komentar.
Salam Blogger..............
Related Posts : Blogger Tutorial,
Widget
{ 9 comments... Read Them Below or add one }
Terima kasih saudaraku atas berbagi informasinya...abu foolow balik di sini
Trimakasih Mas Abu.. Senanh Ane Berbagi...
Pena hadir dan absen siang gan...ternyata pena sudah follow sob..kirain mah belum
Siang Juga Trimakasih Ya Mas,, Atas Kunjungan + Follownya + Comennya.. Tunggu Kehadiran Odre Di Sana.. :)
Salam Blogger Dan Sukses Selalu
Dodol
Berhasil gan... thanks za...
makasih sob tutornya,langsung dcoba...salam
Trimakasih ya...
Kode ini berhasil di blog saya :)
mantap artikelnya sob...
makasih ya!!!!
makasih infonya bermanfaat sekali
Posting Komentar
Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar
Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..