Membuat Animasi untuk Label atau Kategori Dokumen

Menampilkan label atau kategori dokumen menjadi berbentuk animasi bergerak sebenarnya sudah sering dipakai di beberapa blog, tapi beberapa orang juga ada yang masih bertanya-tanya "bagaimana cara membuatnya?". Dalam tutorial ini saya tidak akan membahas bagaimana cara membuat label yang sebenarnya menggunakan prinsip animasi flash tersebut, tapi saya hanya akan berbagi pengalaman tentang cara menampilkan label dengan animasi flash yang telah dibuat oleh roy tank dan Amanda Fazani. Cara untuk menampilkannya dalam blog adalah cukup dengan mengcopy script animasi yang saya dapatkan dari blog milik Amanda, dan sudah saya beri sedikit modifikasi, Tetapi jika kamu masih bingung bagaimana cara membuat label, silahkan baca artikel tentang "Membuat Label Posting atau Kategori Dokumen"
kalau kamu tertarik juga untuk memasang animasi ini, ikuti aja langkah-langkahnya:

1. Login ke blogger.com
2. Klik "Layout" atau "Tata Letak".
3. KLik tab menu "Edit HTML".
4. Klik tulisan "download full template" atau "Download Template Lengkap". ini dimaksudkan agar kamu punya cadangan template.
5. Cari kode yang sama ataupun mirip dengan kode di bawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
6. Setelah kamu menemukan kode di atas, copy kode di bawah ini dan paste tepat dibawah kode yg baru kamu cari tadi:

<br /><b:widget id='Label99' locked='false' title='Labels' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="200" height="150" allowscriptaccess="always" ><br /><param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /><br /><param name="bgcolor" value="#ffffff" /><br /><param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags><br /><b:loop values='data:labels' var='label'><br /><a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a><br /></b:loop><br /></tags>" /><br /><p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p><br /></object><br /></div><br /><b:include name='quickedit'/><br /></b:includable><br /></b:widget><br />

7. klik tombol "SAVE TEMPLATE" atau "SIMPAN TEMPLATE"

Agar hasilnya bisa benar-benar cocok dengan blog kamu sebaiknya sesuaikan ukuran dan warnanya dengan cara mengatur propertinya, silahkan cari kode2 dibawah ini:

untuk mengubah lebarnya cari kode di bawah ini
width="200"
untuk mengubah tingginya cari kode di bawah ini
height="150"
untuk mengubah warna background cari kode di bawah ini dan gantilah tulisan yang berwarna merah
<param name="bgcolor" value="#ffffff" />
untuk mengubah warna tulisan cari kode di bawah ini dan gantilah tulisan yang berwarna merah
<param name="flashvars" value="tcolor=0x000000&
Jika Kamu telah berhasil menampilkannya di blog milikmu, jangan lupa berterimakasihlah pada Amanda dan Roy Tank yang telah membuat animasi label ini.
Selamat Mencoba.