Blogumus, animasi flash label cloud



Blogumus adalah tag cloud widget berbasis flash yang menggunakan konversi script dari Roy Tanck's WP Cumulus plugin khusus untuk blog wordpress, yang beralamat di http://www.roytanck.com/


Contoh blogumus bisa di lihat di blog ini, yang menampilkan label2 atau tag yang akan bergerak jika kursor mouse bergerak melewati.


Cara menginstal :


Buka layout > edit html di blogger dashboard, kemudian cari kode seperti di bawah ini,
<b:section class='sidebar' id='sidebar' preferred='yes'>

Agar lebih mudah untuk mencari, copy semua source code blog anda ke notepad, cari kode diatas menggunakan fasilitas find di notepad, setelah edit selesai, copy kan lagi ke dashboard blogger anda.

Setelah ketemu, copy kan kode berikut tepat di bawah kode di atas tadi.,

<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>


Kemudian preview template anda. Jika sudah terpasang dengan benar, Anda akan melihat label blogumus muncul di sidebar anda. Anda bebas untuk edit warna, dimensi atau memindahkannya ke lokasi yang berbeda.

Secara default blogumus di set sbb :

  • Lebar 240px
  • Tinggi 300px
  • Warna background putih
  • Warna text abu-abu
  • Ukuran font 12
Untuk mengubah, cari kode seperti di bawah ini,


  • Edit lebar, tinggi, background color :
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
dimana 240 adalah lebar, 300 adalah tinggi dan #ffffff adalah background color.


  • Edit text color :
so.addVariable("tcolor", "0x333333");
disini "tcolor" adalah variabel dalam flash, pastikan hanya mengubah angka2 setelah "0x".


  • Edit Font size :
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>");

Rubah ukuran font dengan mengganti angka '12'.

Untuk melihat hasilnya tinggal di preview saja sebelum di save.


Blogumus didasarkan pada WP Cumulus plugin oleh Roy Tanck, dan dikonversi untuk dapat digunakan pada Blogger. Blogumus tidak dapat dilihat atau ditampilkan jika javascript dan flash tidak diaktifkan.

source asli :
http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html

0 comments:

Post a Comment