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).
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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>
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
3 Komen:
nak tgk contoh 'hack' ni kat blog lain dtg le...kamezaim! jgn pandai2 nk padam komen ni tau...wahahahha
wahh..tuto yang bagus..
tenkiu :)
adeh... br 4 hari pose x kan dh psg lagu raye bro.. mendayu2 plak tu.. haih
Memilih Rakan: Kualiti atau Kuantiti?
Anda Meraba atau Diraba?
Antara Mamak dan McD, Yang Mana Pilihan di Hati?
Pesta Membeli Belah Raya Bermula!
Post a Comment