Membuat label animasi

Wah,dah lama neh ga posting tetang tips trik ngeblog,,kali ini saya akan membahas bagaimana membuat label,tapi label yang ini berbentuk animasi melingkar,ga tau juga namanya,hehe...kebetulan dan ga sengaja saya dapatkan waktu blogwalking,lumayan neh buat memberi kesan lebih menarik untuk tampilan diblog kita :D
Bagi temen blogger yang sudah mengerti dan memasangnya udah ga perlu lagi meneruskan membaca artikel ini,tapi setidaknya luangkan sedikit waktumu buat kasih comment tentang artikel ini^_^
Bagi yang ingin mencoba dan belum mengerti cara memasang animasi label bisa ikuti langkah-langkah berikut ini :

1. Seperti biasa langsung saja login ke blogger.com dan masuk ke layout->editHTML
2. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> oh iya,kalau ga ketemu kurangi/hapus satu persatu dari kata yang paling akhir, misal kita ambil "<b:section class=" saja
3. Selanjutnya pastekan script/kode di bawahnya <b:section class='sidebar' id='sidebar' preferred='yes'>

Script/kode

<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>

Untuk pengaturan tampilan
1. Warna merah untuk ukuran dari animasi
2. warna biru untuk warna background animasi
3. Warna kuning untuk ukuran font

Cukup sekian untuk pembuatan animasi label,jika ada kesalah dalam penulisan kata dan mungkin ada yang mau menambahkan silahkan beri komentar dibawah...kritik dan saran juga boleh ^_^

Categories: Blog and Wordpress , Blogger