0 Cara Membuat Label Animasi

Kalau anda melihat label yang beranimasi dan berputar-putar berbentuk seperti awan itu namanya Cumulus [kalau di wordpress] nah karena sekarang bisa dipasang di blog maka sering dikenal dengan nama blogumus, widget ini berbasis flash konversi script dari Roy Tanck's di Wordpress

nah berikut cara untuk menggunakan widget ini pada blog anda :
untuk dapat menampilkan animasi browser anda harus sudah terinstall flash player plug in

Seperti biasa :
1. Log In ke Blogger
2. Sign in dan pilih layout, kemudian edit HTML,
3. pilih Expand Widget, backup bila dirasa perlu
4. cari kode ini :

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

setelah ketemu pastekan kode berikut ini setelah kode diatas:

<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://sites.google.com/site/bloggerustemplatus/code/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("http://sites.google.com/site/bloggerustemplatus/code/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>

Simpan tempalte anda dan coba lihat hasilnya

aturan default dari script diatas yaitu :
* Lebar kolom : 240px
* Tinggi kolom : 300px;
* Background warna yaitu putih
* Warna Text Abu-Abu
* ukuran Font : 12

Untuk merubah settingan tersebut diatas
untuk merubah lebar dan tinggi cari kode berikut dan rubah nilainya :

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Untuk merubah backgorund warna cari kode berikut

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Untuk merubah warna text cari kode berikut

so.addVariable("tcolor", "<span style="font-weight:bold;">0x333333</span>");

Untuk merubah ukuran font cari kode berikut

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='<span style="font-weight:bold;">12</span>'><data:label.name/></a></b:loop></tags>");