Blogumus : Animasi label cloud untuk Blogger

Apa itu Blogumus?
Blogumus adalah sebuah widget animasi label cloud berbasis Flash yang menggunakan script yang di convert oleh Amanda Fazani dari WP Cumulus buatan Roy Tanck.




Bagaimana Blogumus? bekerja?
Widget ini bekerja menggunakan kombinasi dari JavaScript dan Flash untuk menampilkan label blog anda.
Blogumus hanya akan bekerja jika browser anda memiliki plugin Adobe Flash Player 7 atau versi diatasnya.
(Anda bisa mendapatkan Flash Player versi terbaru disini)


Bagaimana cara menginstall Blogumus?

• Buka Tata Letak > Edit HTML
• Contreng Expand Template Widget
• Taruh kode berikut setelah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

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

• Sekarang, perhatikan kode berwarna biru, kode tersbut untuk mengganti ukuran font, warna background, dll.

Baris pertama :

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

Kode berwarna merah adalah ukuran lebar (pixel)
Kode berwarna kuning adalah ukuran tinggi (pixel)
Kode berwarna ungu adalah warna background (lihat kode-kodenya disini)


Baris kedua :
style='12'><data:label.name/></a></b:loop></tags>&quot;);


Kode berwarna merah adalah ukuran font nama label

• Klik Save dan sebuah widget baru otomatis terbuat, anda bisa mengaturnya sendiri di Tata Letak > Elemen laman.

Posted in: Komputer,Pelajaran