Kurang Puas Dengan Label Cloud dari phydeaux3, Coba Pasang Label Cloud Animasi dari Roy Tanck

Catatan tutorial kali ini mencatat mengenai label cloud Animasi. Label Cloud Animasi yang saya maksud disini adalah Label Cloud Animasi dari Roy Tanck, Berbeda dengan

Label cloud buatan phydeaux3, Label Cloud Animasi dari Roy Tanck ini lebih atraktif karena label yang dibuat bergaya flash.

Namun yang perlu diingat disini adalah tidak semua template mendukung Label Cloud Animasi dari Roy Tanck ini. Untuk itu Sobat Blogger sebelum memasang Label Cloud ini sebaiknya copy dulu template sobat untuk menghindari hal-hal yang tidak diinginkan.

Untuk memasang label cloud ini, langkah-langkahnya adalah sebagai berikut :

1. Langkah pertama tentu saja Log In >> Layout >> Edit HTML, tidak usah diberi tanda centang pada Expanded Widget-nya.
2. Cari Tag <b:section class='sidebar' id='sidebar' preferred='yes'>
   Kemudian copy script dibawah ini :
   
   
   <b:widget id='Label99' locked='false' title='Labels' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
   <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
   <script type='text/javascript'>
   var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
   // uncomment next line to enable transparency
   //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
   so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
   so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
   so.addVariable(&quot;distr&quot;, &quot;true&quot;);
   so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
   so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
   so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
   so.write(&quot;flashcontent&quot;);
   </script>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>
   
   
3. Save

Seperti halnya Label cloud buatan phydeaux3, Label Cloud Animasi dari Roy Tanck ini juga bisa diedit untuk melakukan penyesuaian seperti yang diinginkan.
Setting default pada label ini adalah :

• Width is set to 240px
• Height is set to 300px;
• Background color is white
• Text color is grey
• Font size is "12"

Mengedit Lebar, Tinggi dan Background (Edit Width, Height & Background Color)
Cari tag :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Mengedit Warna Huruf (Edit Text Color)
Cari Tag :
so.addVariable("tcolor", "0x333333");

Merubah ukuran huruf (Adjust the font size)
Cari Tag :
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Note : untuk warna cari kode warna di free-7