a flash animated cloud "blogumulus" for blogger

"Blogumus" adalah widget tag berbasis flash yang didesain oleh Roy Tanck sebagai plug-in di wordpress. Bagaimana untuk tampilan di blogspot? Sebenarnya di blogspot sudah ada plug-in widget yang merupakan bawaan blogspot, tetapi tanpa animasi. Nah, Saya mendapatkan cara menginstalkan blogumulus ini dari Amanda, dan akan saya share untuk Anda. Blogumus ini merupakan kombinasi javascript dan flash. Oleh karena itu, pastikan dikomputermu terinstall java dan flash, agar Anda bisa melihat animasinya.

Cara menginstalnya

1. Anda masuk Layout -> Edit HTML -> Kasih tanda centang pada menu "expand widget template". 2. Temukan sintak <b:section class='sidebar' id='sidebar' preferred='yes'> dan copas sintak berikut 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://sites.google.com/site/bloggerustemplatus/code/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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); // 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>  
2. Tekan "Save".

Customizing

Variables yang bisa di setting adalah

• Width = =240px
• Height = 300px;
• Background color = white
• Test color = grey
• Font size ="12"

Jika Anda ingin memperkecil ukuran, mengganti warna skema, dsb, maka edit lah kode dibawah diatas sesuai dengan yang Anda inginkan. var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); Secara default nya, warna text adalah dark grey (#333333). Anda bisa mengubahnya dengan warna lain dengan menggantikan angka 333333 dengan angka hex yang diinginkan. so.addVariable("tcolor", "0x333333"); Mengganti ukuran font, tinggal mengubah angka 12 seperti contoh dibawah ini : so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><expr:href='data:label.url' style='12'><data:label.name/></a></b:loop><tags>");

Selamat mencoba ....