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 !