Thursday, December 02, 2010

Tutorial : Cara Buat Top Commentators Cloud Awan Dania.





Tutorial time !!!



Widget terbaru ! Pernah dengar widget top commentators cloud Awan Dania ? Biasanya top commentators disenaraikan dalam bentuk list. Tapi kali ni kita buat top commentators dalam bentuk awan ok = )


teruskan turorial top komentator awan dania...




Contoh widget Top Commentators Cloud





Contoh widget Top Commentators List



Incase kalau korang tak berminat dengan widget berbentuk list, jom kita buat dalam bentuk awan pulak. Jom teruskan tutorial kita !


Cara Buat Top Commentators Cloud  : 
  • Go to >> Page Element
  • Add a gadget
  • Copy kod pertama
  • <!-- Top Commentators Cloud Start
    (c) 2010 Blogger Sentral. Original code by http://www.bloggersentral.com/. Please 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='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.bloggersentral.com
     &Exclusions=Anonymous,Greenlava
     &ShowHowMany=20
     &Order=alphabet
     &_callback=cCloud
     &_id=cfa196644e1d6159c9183548c4b5e2f5
     &_render=json"
    type="text/javascript"></script>
    </div>
    <span style="font-size: 80%; float:right;;margin-top:10px;">Get this <a href="http://www.bloggersentral.com/2010/02/top-commentators-cloud-widget.html" target="_blank">widget</a></span>
    <!-- Top Commentators Cloud End -->
     



Selepas tu...langkah langkah Editting !



  • Edit bahagian YourBlogUrl, Exclusions, ShowHowMany, dan Order
  • YourBlogUrl : Nama url blog korang
  • Exclusions : Nama commentators yang korang tak nak appear dalam widget
  • ShowHowMany : Bilangan commentators
  • Order : Tukar samaada Alphabet atau Frequency mengikut kesukaan korang
  • Save



Credit : Bloggercentral



Ok ! Selamat Maju Jaya !



 

Designed by Alieff Artwork