Cara Membuat Animasi Label di Blog

Tag cumulus

Bangiz - Kali ini admin akan berbagi tips dan trik bagaimana cara membuat label animasi atau tag cumulus yang keren. Label ini tentunya dibuat untuk memudahkan dalam pengelompokkan catatan agar sesuai dengan kategorinya. Tentunya dengan adanya animasi akan lebih mempercantik tampilan label atau blog itu sendiri. Selain itu akan memudahkan pengunjung untuk mencari hal-hal lainnya berdasarkan kategori.

Untuk cara kerjanya yaitu seperti bola, akan selalu berputar jika kursor kita diletakkan di daerah tag cumulus tersebut. Kita tinggal cari dan klik labelnya maka akan keluar semua catatan yang diberi label tersebut. Sekarang langsung saja ikuti cara pembuatannya:

1. Login ke akun blogger >> pilih nama blog

2. Pilih Tata Letak >> Tambahkan Gadget

3. Pilih HTML/Javascript >> Copy code di bawah ini:

<div align="center" style="padding:1px;border:0px solid #FF00FF;">
<script src='http://tagcloud-cumulus.googlecode.com/files/bgsGR_cumulus.js' type='text/javascript'></script>
<div id='flashcontent'>bangiz</div>
<script type='text/javascript'>
var so = new
SWFObject('http://www.swfcabin.com/swf-files/1275932799.swf', 'tagcloud', '290', '290', '6', '#FFFF00');
/* bgsGR -bangiz */
// so.addParam("wmode", "transparent");
so.addVariable("tcolour", "#FF0000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "180");
so.addVariable("tagcloud", "<tags><a target='_blank' href='Cerita Cinta' style='14'>Cerita Cinta</a><a href='http://bangiz.blogspot.com/search/label/Biografi' style='14'>Biografi</a><a href='http://bangiz.blogspot.com/search/label/Cerita Lucu' style='18'>Cerita Lucu</a><a href='http://bangiz.blogspot.com/search/label/Tips dan Trik' style='14'>Tips dan Trik</a><a href='http://bangiz.blogspot.com/search/label/Download' style='14'>Download</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>