Friday, December 23, 2011

Tutorial : Cara Buat Top Commentators Cloud Awan Dania .


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 awanok = )


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

= G00D Luck = 

Terima Kasih Kerana Sudi Jenguk Blog Si FarisQ Ni .. Follow Saye Tau ..

No comments:

Post a Comment

Assalamualaikum ,,
Letak komen anda di sini ,,
Satu pun jadilah ye ..


Got My Cursor @ 123Cursors.com