Tagcloud Cumulus Gaya Baru - Flash Animated Label Cloud

Widget Tagcloud Flash Animasi ini sepertinya trinspirasi dan mengadopsi kemampuan dan kinerja tagcloud cumulus. Dibuat lebih praktis dalam penggunaan. Pengguna widget tak lagi perlu memasukkan link menu yang akan ditampilkan satu persatu seperti yang harus dilakukan ketika menggunakan tagcloud cumulus. Anda hanya perlu memasukkan alamat blog dan secara otomatis tagcloud animasi flash ini akan bekerja memanfaatkan data label posting blogger anda. Dengan model baru seperti ini, tagcloud flash animasi yang mirip tagcloud cumulus ini menjadi pilihab alternatif yang cukup menarik bagi siapapun.

Flash Labels by Way2Blogging

Javascript dan xHTML Tagcloud Flash Animasi:

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.way2blogging.org/">Way2Blogging</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
blogurl       : "http://gubhugreyot-demo-tutorial-blogger-1.blogspot.com/", /* ganti dg alamat blog anda */
color          : "000000", /* warna link menu  */
hoverColor     : "f00f00", /* hover link menu */
backgroundColor: "FFFFFF", /*  background */
size           : 10, /* ukuran font */
speed         : 100, /* kecepatan animasi */
width          : 300, /* lebar label cloud animasi */
height         : 300 /* tinggi label cloud animasi */
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

Cara menggunakan label cloud animasi

1. Login ke Blogger.
   
   • Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
   • Tuliskan Password.
   • Klik "Sign in"
2. Beberapa saat setelah klik sign in anda akan menjumpai halaman "Dasbor (Dasboard)".
   Klik "Rancangan (Design)".
3. Anda akan menjumpai halaman untuk menambah gadget, klik "Add a Gadget/Tambah Gadget".
4. Sebuah window baru akan terlihat dengan beberapa pilihan gadget. Cari dan klik "HTML/Javascript".
   
   • Copy dan paste-kan javascript dan xHTML dalam box HTML/Javascript.
   • Ganti http://lightbox-demo-tutorial.blogspot.com dengan alamat blog anda.
   • Klik "SIMPAN/SAVE".
5. Buka blog dan lihat hasil penambahan widget recent comments.

Catatan/Keterangan :

1. Sesuaikan lebar kolom yang tersedia dengan mengatur lebar widget label cloud (pengaturan lebar di javascript!).
2. Pengaturan warna teks, hover dan beberapa yang lain juga terdapat di javascript.

Sumber :
http://www.way2blogging.org