Membuat tag cloud animasi

Tag Cloud animasi atau Tag Cumulus adalah salah satu widget yang berguna untuk merapikan label anda dan membuatny berputar, kalau bagi yang belum tau bagaimana bentuknya bisa dilihat d sidebar saya yang bernama orichalcos tag d bawah about me yg berputar-putar itu lho XD, kalau merasa menarik untuk membuatnya mari ikutin aja instruksi dari saya

1. Buka Blogger kamu, masuk ke Tata Letak, trus Edit HTML.
2. BackUp template kamu untuk berjaga-jaga kalo ntar ada yang salah, caranya klik Download Template Lengkap.
3. Centang Expand Template Widget.
4. Trus cari kode

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

, biar gampang pake CTRL+F.
5. Copy code dibawah ini, pastekan dibawah kode tadi

<b:widget id='Label50' locked='false' title='Orichalcos Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://noone.googlecode.com/files/SIDtagcloudcumulus.txt' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://www.fileden.com/files/2009/11/17/2654961//DADorichalcos.swf&quot;, &quot;tagcloud&quot;, &quot;270&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xCC0000&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0xCC000&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&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>

Nah trus liat pada bagian yang berwarna Merah, bisa kalian edit sendiri,
Keterangannya:
270             = Lebar Widget dalam pixel
185            = Tinggi Widget dalam pixel
#000000     = Warna Background (Putih), kalo pengen dijadiin item, ganti aja dengan #00000
0xCC0000  = Warna Huruf hijau.
12              = Ukuran Huruf
0xCC0000  = Warna huruf ketika mouseover atau pada saat ditunjuk kursor
Udah Jadi deh,, coba kalian liat hasilnya,,,

saran: apabila anda ingin membuat warna background menjadi transparent anda dapat menghilangkan tanda // di so.addPram dari //so.addPram menjadi so.addPram

kode warna untuk mouseover                                            Kode warna untuk background            
pink = 0xFF00F8                                                                  pink = #FF00FF
biru = 0x0028FF                                                                   biru = #0000FF
merah = 0xCC0000                                                               merah = #FF0000

hijau = 0x00A300                                                                  hijau = #00FF00

ungu = 0x6D00A3                                                                 ungu = #8000FF

kuning = 0xCCCC00                                                             kuning = #FFFF00

orange = 0xFF3300                                                               orange = #FFFF00

dan kalau mau menanyakan warna lainnya atau bermasalah dengan kodenya bisa komen d bawah ini XD  hasil karya dari SID (|S|uperior is the ™devilz™) atau bisa disingkat dengan superid
kalau mau mengambil mengcopy silahkan saja asal jangan lupa untuk mencantumkan
sumber dari:http://www.superid.co.cc

Lihat artikel lainnya :