Widget Label Animasi Blogumulus

|

Ini nih baru namanya keren bin paten! Amanda Fazani berhasil menyempurnakan widget dari Roy Tankc yang sebelumnya cuma bisa di aplikasikan ke dalam Wordpress tapi sekarang Blogger pun bisa menikmati Blogumulus ini.

Apa itu Blogumulus?

Blogumulus itu adalah label widget yang dibuat dengan basis flash animation. Widget ini akanberaksi kalo pointer mouse dideketin ke widget ini. Coba lihat diatas, cek aja deh, gpp kog...
Pertama kali Blogumulus diciptakan oleh Roy Tankc tapi cuma terbatas untuk kaum pengguna Wordpress dan ngga mungkin untuk di pakai didalam Blogger. Tapi sekarang Amanda Fazani udah menyempurnakan widget ini sehingga bisa dipake di dalam blogger.

Gimana cara Kerjanya?

Widget ini gunakan JavaScript dan Flash untuk menguraikan dan menampilkan label blog. Nanti waktu pertamakali di instal, widget ini bakal kelihatan ngga sesuai dengan kemauan kita, terutama pada letaknya. Tapi untuk warna background, warna teks, besar tulisan, dll, bisa langsung diganti ditempat. O ya, tambahan, untuk yang kompie nya ngga keinstall JavaScript atau Flash Player mungkin ngga akan bisa lihat widget ini meskipun tetep aja waktu di klik akan bekerja dengan baik.

Instalasi

lnstalasinya gampang kog, cuma copy trus paste. Memang beberapa butuh diedit secara manual. Tapi gampang kog.. Dateng aja ke halaman Edit HTML temen trus cari kode ini, mungkin ngga akan sama persis tapi mirip lah.

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

Setelah code itu, paste aja kode ini

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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></div>

<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

yang di kasih warna kuning, itu adalah credit mungkin bisa disebut hak milik. Jadi lebih baik jangan dihapus, hargai kerja keras mereka. Soalnya ada juga orang yang maen hapus aja nih credit. 
Setelah selesai, widget akan muncul tapi seperti yang udah dibilang tadi, letaknya ngga akan sesuai sama kepinginan. Masuk ke halaman Page Element, trus geser aja sesuai kepinginan. Hati-hati! Sekalinya digeser code akan menghilang, mendingan belakangan setelah semuanya fix.

Customisasi

Secara default, Blogumulus tampil dengan penampilan:

• Lebar 240px
• Tinggi 300px
• Warna background putih
• Warna text abu-abu
• Besar font 12

Edit tinggi, lebar, dan warna background

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

Edit warna text

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

Edit besar text

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>");

Feedback

Ayo ayo, gimana widgetnya serukan? Nah sekarang komentar sedikit donk tentang widget ini. Mungkin bisa jadi bahan masukan buat temen-temen yang laen...
O ya, kenapa aku ngga pake Blogumulus ini? Soalnya yang ngeliat kudu punya Flash Player + JavaScript, trus kalo labelnya kebanyakan bakal jelek banged jadinya. Tapi diluar itu semua widget ini keren banged and perlu di coba.

Mungkin kalau sobat suka dengan Blogumulus, sobat bisa membuatnya untuk menampilkan foto. Coba baca artikelnya dengan judul "Widget animasi Blogumulus untuk Foto"

Share