22 Jul 2011

Memasang Widget Top Komentator Cloud



Widget ini saya dapatkan dari blogger sentral, sobat bisa mengunjungi langsung situsnya jika ingin tau lebih jelas. Dibawah ini cara pemasangan widget top komentatornya.
  1. Login ke blogger.
  2. Silahkan tuju ke Tata Letak.
  3. Klik tab Elemen Halaman.
  4. Tambah Gadget (Add Gadget) –-> pilih yang HTML/Javascript.
  5. Kemudian masukkan kode script dibawah ini :
    <!-- Top Commentators Cloud Start
    (c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
    <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://bloggersentral.blogspot.com
    &Exclusions=Anonymous,Greenlava
    &ShowHowMany=20
    &Order=alphabet
    &_callback=cCloud
    &_id=cfa196644e1d6159c9183548c4b5e2f5
    &_render=json"
    type="text/javascript"></script>
    <span style=" float:right;;margin-top:10px;"><a href="http://bloggersentral.blogspot.com/2010/02/top-commentators-cloud-widget.html" target="_blank">Make your own</a></span>
    </div>
    <!-- Top Commentators Cloud End -->
  6. Silahkan ganti alamat blog diatas dengan alamat blog sobat
  7. Simpan dan lihat hasilnya
Semoga tutorial ini sedikit banyak membantu sobat dalam membuat blog yang lebih bagus dan enak di lihat, jika masih menghadapi kendala silahkan tinggalkan komentar
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

0 komentar:

Posting Komentar