Cara Membuat Widget Top Comment (komentar terbanyak) nofollow di blog | Pada postingan sebelumnya, saya membahas tentang widget top komentar yang dofollow di blog. Pada postingan kali ini, saya akan share tentang cara lengkapnya untuk membuat top komentar yang nofollow di blog. Cara kerjanya, yaitu dengan menghitung komentar dari setiap pengunjung blog. Widget ini juga saya pakai di blog saya ini.
Langsung saja ke cara membuatnya:
- Login ke blogger.
- pada dashboard blog anda, pilih tata letak.
- Pilih tambah Gadget.
- Kemudian HTML/Javascript
- Copy dan paste jode di bawah ini pada gadget baru tadi.
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px dotted #6b1f2f'>
penjelasan:
<!-- Top Commentators Cloud Start -->
<div style="text-align:justify;line-height:2;font-color:blue;"><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' rel='nofollow'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);}</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://yusrandante.blogspot.com
&Exclusions=Anonymous,yusrandante&ShowHowMany=100&Order=frequency&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div>
<!-- Top Commentators Cloud End -->
</div>
pada kode yang berwarna merah, itu berfungsi untuk memberikan efek scroll pada widget. silahkan atur tinggi dan lebarnya sesuaikan pada blog anda. Kode berwarna kuning, untuk mengatur tampilan nama dari komentator di blog anda, silahkan atur sesuai selera. Pada teks yang berlatar belakang biru, silahkan ganti dengan url blog anda dan yang background kuning adalah jumlah komentator yang akan ditampilkan pada widget. - silahkan coba.
top koment perlu juga tuch..siapa tahu kita mau memberikan apresiasi atas jumlah koment-nya :)
BalasHapusiya gan...
Hapussangat setuju, selain itu top koment juga memberikan kita kemudahan untuk blogwalking ke sahabat blogger yang lain..
. . keuntungan nya apa ya kalau pake ini?!? . .
BalasHapuskeuntungannya:
Hapusmbak akan mengetahui siapa sahabat blogger yang paling sering berkomentar di blog anda
selain itu, memudahkan untuk mengetahui list blog yang sudah meninggalkan komentar, sehingga mudah untuk mengunjunginya kembali tanpa harus memeriksa postingan dan komentar saru per satu..
terima kasih..
. . aq ijin comot kode nya?!? he..86x . .
HapusKomentar ini telah dihapus oleh pengarang.
BalasHapusMantab Gan...
BalasHapusThanks Atas Sharenya...
Salam kenal semua...
kunjung balik ya...
Salam Blogger
Rupanya gini caranya,,
BalasHapusMantap deh tips nya :)
Terimakasih buat kode js'nya kang...
BalasHapusKalau widget recent comment yang nofollow ada gak?
salam,
enak deh kalo baca postingan yang begini,
BalasHapusitung2 menambah ilmu.
Perlu di coba nich, sepertinya untuk membangun pembaca setia untuk datang kembali ke blog kita. Thks ya sobat
BalasHapus