Tuesday, 10 July 2012

Tuesday, July 10, 2012
11
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

Jika anda menemukan blog ini dari search engine google dan anda merasa terbantu dengan informasi dari blog ini, silahkan klik tombol google plus di samping kanan. terima kasih partisipasinya.