Membuat Tag Cloud Bergaya Flash

Wow udah lama juga nih gw gk posting.
Nah sekarang gw mw posting tentang bagaimana membuat TAG CLOUD/LABEL bergaya flash...kern deh poko'a...klo pengen lihat contoh'a seperti widget kategori pada blog ini.

gmn keren kan.? anda ingin mencoba?
oke langsung aja cekidot
sebelum'a saya beri tahukan bahwa hanya template tertentu yang bisa menggunakan label ini

Nah, Yang pertama yang harus anda lakukan adalah :

1. Log In ke akun Blogger anda

2. Edit HTML

3. Beri centang Pada Expand Template Widget

4. Carilah salah satu code di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

 <b:section-contents id='sidebar-right-1'>

<b:section-contents id='sidebar-left-1'>

Gunakan Toll CTRL+F untuk memudahkan mencari kode tersebut.Setelah ketemu copi Code HTML dibawah ini , Dan Paste persis di bawah Code di atas.

<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://idub.007sites.com/donor_ilmu/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>flash tag cloud </div>
<script type='text/javascript'>
var so = new SWFObject("http://idub.007sites.com/donor_ilmu/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
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>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan : 

Warna Biru : Untuk mengatur Lebar Dan tinggi

Warna Merah dan kuning : Untuk mengatur backgroun warna

Contoh warna lain

0xffffff : warna putih

0xFF0000FFF : warna merah

0x00FF00: Warna Hijau

0x0FFFF0: warna Kuning

0x00FF0000 : warna biru

0xFFF000 : warna biru muda

0xFFFFFFF : Warna Hitam

0x0FF0FF0 : warna pink

Warna Hijau : Untuk mengatur ukuran Teks


5. Langkah terhir adalah Save / Simpan Template.

dan lihat hasilnya...

semoga bermanfaat kawan (⌒˛⌒ )