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.
cara membuat komentar terbanyak di blog

Langsung saja ke cara membuatnya:
  1. Login ke blogger.
  2. pada dashboard blog anda, pilih tata letak.
  3. Pilih tambah Gadget.
  4. Kemudian HTML/Javascript
  5. 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'>
    <!-- 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>
    penjelasan:
    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.
  6. silahkan coba.
sekian dari saya dan wassalam

11 komentar:

  1. top koment perlu juga tuch..siapa tahu kita mau memberikan apresiasi atas jumlah koment-nya :)

    BalasHapus
    Balasan
    1. iya gan...

      sangat setuju, selain itu top koment juga memberikan kita kemudahan untuk blogwalking ke sahabat blogger yang lain..

      Hapus
  2. . . keuntungan nya apa ya kalau pake ini?!? . .

    BalasHapus
    Balasan
    1. keuntungannya:
      mbak 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..

      Hapus
    2. . . aq ijin comot kode nya?!? he..86x . .

      Hapus
  3. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  4. Mantab Gan...
    Thanks Atas Sharenya...
    Salam kenal semua...

    kunjung balik ya...
    Salam Blogger

    BalasHapus
  5. Rupanya gini caranya,,

    Mantap deh tips nya :)

    BalasHapus
  6. Terimakasih buat kode js'nya kang...
    Kalau widget recent comment yang nofollow ada gak?

    salam,

    BalasHapus
  7. enak deh kalo baca postingan yang begini,
    itung2 menambah ilmu.

    BalasHapus
  8. Perlu di coba nich, sepertinya untuk membangun pembaca setia untuk datang kembali ke blog kita. Thks ya sobat

    BalasHapus