Cara Membuat Widget Top Komentator di Blogspot
Cara Membuat Widget Top Komentator di Blogspot - Sobat ingin mempercantik blog sobat? nah disini akan ane share bagaimana cara membuat widget top komentator di Blogspot. Langkah-langkahnya sebagai berikut:
1. Login ke akun blogger sobat
2. Masuk ke design > Page Elements
3. Click Add Gadget
4. Pilih HTML/JavascriptMasukkan title untuk widget misal: Top Komentator
5. Kopikan kode berikut dalam box HTML
6. Lalu save
Catatan:
YourBlogUrl silahkan diganti dengan URL blog sobat
Exclusions silahkan diganti dengan daftar komentator yang tidak dihitung dalam top komentator
ShowHowMany silahkan diganti dengan jumlah komentator yang akan dimunculkan pada widget
Order silahkan diganti dengan 'alphabet' jika akan menampilkan urutan berdasar abjad atau 'frequency' jika akan menampilkan urutan teratas berdasar jumlah komentar terbanyak
1. Login ke akun blogger sobat
2. Masuk ke design > Page Elements
3. Click Add Gadget
4. Pilih HTML/JavascriptMasukkan title untuk widget misal: Top Komentator
5. Kopikan kode berikut dalam box HTML
6. Lalu save
<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='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.raseco.web.id
&Exclusions=Anonymous,Zanuar Didik Bintoro
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<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='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.raseco.web.id
&Exclusions=Anonymous,Zanuar Didik Bintoro
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
Catatan:
YourBlogUrl silahkan diganti dengan URL blog sobat
Exclusions silahkan diganti dengan daftar komentator yang tidak dihitung dalam top komentator
ShowHowMany silahkan diganti dengan jumlah komentator yang akan dimunculkan pada widget
Order silahkan diganti dengan 'alphabet' jika akan menampilkan urutan berdasar abjad atau 'frequency' jika akan menampilkan urutan teratas berdasar jumlah komentar terbanyak
Terimakasih Gan. Sangat bermanfaat....
BalasHapusboleh tukar link sob, link sobat sudah sy pasang di sidebar, thanks atas kerjasamanya
BalasHapus@bisida makasih juga gan sudah mampir
BalasHapus@Rudy Hartono boleh aja sob, link sobat mana?
terimakasih Juragan atas tips dan triknya.., cuman koq ane nyobain ga bisa yah Gan..???
BalasHapusada yang keliru kali gan, alamat blognya udah diganti belum yang di script ini?
BalasHapusThanks...Gan, infonya !!!! serta triknya,, sangat bermanfaaat sekali
BalasHapuskita coba dulu ya bro
BalasHapusthanks®ards :http://rahmad-liberty.blogspot.com/
@Arimurti, rahmad hidayat silahkan dicoba sob, semoga berhasil ya
BalasHapusit works,
BalasHapusthanks