Cara Membuat Label Bergerak (Blogumulus)

Blogumulus adalah label tag cloud yang dibuat dengan basis flash animation. Widget lebel cloud ini akan bereaksi apabila cursor mouse didekatkan, Pertama kali Blogumulus diciptakan oleh Roy Tankc tapi pengunannya masih terbatas hanya untuk pengguna Wordpress. Tapi berkat Amanda Fazani sekarang pengguna Blogger pun sudah bisa menikmati hasil karya Roy Tankc,  Amanda Fazani menyempurnakan widget ini sehingga bisa dipake di dalam blogger.

Awal mulanya Blogumulus bernama Tag-Cumulus karya ini diciptakan oleh Roy Tankc bagi pengguna Wordpress, widget ini berbasis flash sehingga dapat dianimasikan. Berkat kreatifitas Amanda Fazani sekarang sudah bisa dipakai di Blogger, sehingga sekarang berubah nama menjadi Blogumulus. Bagi anda yang tertarik berikut ini langkah-langkah pemasangannya :

1. Login ke Blogger anda.
2. Klik Template ( untuk mengantisipasi baiknya anda backup dulu template)
4. Klik Edit HTML.
5. Kemudian cari kode yang mirip dengan kode di bawah ini :

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

6. Selanjutnya anda copy dan pastekan kode dibawah ini dibawahnya :

<b:widget id='Label99' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/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> Distributed by <a href='http://aak-share.blogspot.com'>yosep yuswana</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#BBE6FF");
// 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>

7. Simpan Template

Keterangan:

• #BBE6FF adalah pengaturan warna Background
• 250 dan 300 adalah pengaturan panjang dan lebar kotak Blogumulus
• 100 adalah pengaturan kecepatan rotasi/putaran
• 12 adalah pengaturan font/huruf

Demikian Cara Membuat Label Bergerak (Blogumulus) , Semoga bermanfaat!

Share this post