Membuat Tag Animasi Cumullus

Membuat widget kategori menggunakan labels dari blogger sudah terlihat sangat umum sekali dan tentu saja akan menghabiskan banyak space atau ruang apabila kategori kita banyak. Solusi dari permasalahan diatas salah satunya adalah membuat tag cloud cumullus, yaitu tag dengan animasi seperti flash yang dapat berputar- putar apabila kita me- mouseover tag tersebut.

Pertama Untuk membuatnya mari kita ikuti langkah-langkah berikut:
1. Login ke account blogger kamu
2. Pilih layout > add gadget pada sidebar kamu untuk membuat elemen halaman baru
3. Pilih Label,
4. Pada Title anda isikan judul widget kamu, misal: kategori, label, daftar ini, dll.
5. Jangan lupa Save dan lihat hasilnya.
6.Login kedalam blogger dengan user id anda.
7.Masuk ke Dashboard Layout > Edit HTML dan klik Expand Template Widget
8.Jangan lupa untuk selalu mem-backup template anda sebelum memodifikasinya.
9. Cari kode dibawah ini :


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




10.Kemudian copy dan paste kode di bawah ini tepat di bawah kode no. 9

<b:widget id="Label99" locked="false" title="Labels" type="Label"><br /> <b:includable id="main"><br /> <b:if cond="data:title"><br /> </b:if></b:includable></b:widget></b:section><br /> <h2><data:title></data:title></h2><br /> <br /> <div class="widget-content"><br /> <script src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js" type="text/javascript"> </script><br /> <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><br /> <script type="text/javascript"> var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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><br /> <b:include name="quickedit"><br /> </b:include></div><br /> <br />



11.Simpan template anda. Selesai!!!

Ketika anda melihat blog anda kembali, secara otomatis tag cloud cumulus ini akan tertampil di sidebar blog anda. Secara default widget ini akan tertampil dengan keterangan sebagai berikut:
• Width = 240px
• Height = 300px
• Background = white
• Warna text = grey
• Ukuran Huruf = 12

Bila anda ingin merubahnya, ikuti langkah-langkah dibawah ini :
1.Mengubah ukuran widget (width & height) dan warna background

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

Merah untuk lebar, biru tinggi dan hijau warna background, Anda dapat mengganti ukuran tersebut sesuai keinginan anda.

2. Mengubah warna huruf

so.addVariable("tcolor", "0x333333";);

orange untuk warna tulisan. Ubah sesuai keinginan anda.

Apabila anda tertarik dengan memasang akuarium di blogger anda dapat mengklik disini

selesai