Membuat "Label Awan Beranimasi"

Assalamualaikum..

Hari ni sudah hari ke dua umat Islam menjalani ibadah puasa..hehehe Apapun, selamat menjalani ibadah puasa.. Kali ni kamezaim ingin menunjukkan cara-cara membuat label awan beranimasi seperti yang ada di dalam blog ni di sebelah kanan atas ( kategori ). Caranya mudah saja, tapi pasti akan menjadikan blog anda lebih menarik..hehehe

Log in ke blogger.com. Pergi ke Layout dan kemudian klik pada edit Html (klik pada expand widget).

Kemudian, cari kod ini :

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

Kalau dah jumpa, copy kod ini dan letak betul-betul dibawah kod 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, sila save dan lihat hasilnya.. Selamat mencuba.

Keterangan :

Warna Merah : Tinggi / Lebar
Warna Biru : Warna Latar Belakang
Warna Oren : Warna Tulisan
Warna Kuning : Saiz Tulisan

Sumber : BloggerBuster