Blogumus, Animasi Flash Untuk Label Blog

Blogumus aslinya merupakan tag cloud dengan nama "wp-cumulus" untuk wordpress yang dibuat oleh Roy Tanck kemudian di buat versi bloggernya oleh Amanda Fazani. Dengan adanya Blogumus ini, tampilan label blog kita akan menjadi lebih cantik dan menarik.

Blogumulus by Roy Tanck and Amanda Fazani

Bagus khan..??!
Untuk Lebih jelasnya mari kita langsung praktekan saja ya...

Untuk langkah pertamanya, silakan masuk pada menu Edit HTML. Nach sekarang carilah script ini atau yang hampir sama dengan ini:

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

Bila sudah ketemu pastekan kode dibawah ini dibawah kode diatas:

<b:widget id='Label2' 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>

Akhirnya slesai.., jangan lupa privew dulu apakah ada kesalahan script atau tidak, baru kemudian kita SAVE. Dari script diatas, tampilan default Blogumus secara spesifik seperti berikut:

# Width is set to 240px
# Height is set to 300px;
# Background color is white
# Text color is grey
# Font size is "12"

Jika menghendaki tampilan yang lain, kita bisa merubah kode dari tampilan default Blogumus diatas. Untuk merubah panjang dan lebar, silakan cari dan ganti kode yang berwarna hijau seperti dibawah ini:

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

Jika ingin merubah warna latarbelakangnya, silakan cari dan ganti kode yang berwarna hijau seperti dibawah ini:

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

Untuk merubah warna textnya, silakan cari dan ganti kode yang berwarna hijau seperti dibawah ini:

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

Sedangkan untuk merubah ukuran textnya, silakan cari dan ganti kode yang berwarna hijau seperti dibawah ini:

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

Selamat mencoba.., smoga sukses...!!!