02 September 2008

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


@adil
Sumber : BloggerBuster

3 Komen:

zariel Tuesday, 02 September, 2008  

nak tgk contoh 'hack' ni kat blog lain dtg le...kamezaim! jgn pandai2 nk padam komen ni tau...wahahahha

yOnnA Thursday, 04 September, 2008  

wahh..tuto yang bagus..
tenkiu :)

Pelawat Setia :

Siapa Kamezaim? :

My photo
hanyalah insan biasa yang menumpang di satu sudut dunia ini. Mencari kebahagiaan dan ketenangan hidup sebelum melangkah pergi..

Nukilan Popular :

(c) Copyright - Ini adalah blog peribadi hak milik kamezaim. Sebarang peniruan tanpa kebenaran pemilik adalah DILARANG sama sekali.

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP