cara nak buat Label/Tag berputar

hyep selamat petang! :) okay ni tutorial nak buat tag/label bergerak/berputar..senang cerita, cloud cumulus moving label or tag..untuk cik dyg, i take that as dayang.. :) uh kalau salah maaf ye..okay jom start!







macam biasa, Dashboard>Design>Edit HTML>tick Expand Widget Templates, tekan Ctrl+F cari,

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

kalau anda guna template blogger designer cari,

<b:section-contents id='sidebar-right-1'> 

dah jumpa? kalau dah jumpa anda boleh masukkan kod di bawah ni, dekat bawah kod yang anda dah cari 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://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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", "");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

yang warna merah tu lebar dan tinggi, ubah mengikut kesesuaian blog anda
yang warna biru tu warna background, boleh refer sini untuk cari warna yang sesuai
yang warna hijau tu warna tag/label anda:


0x333333 warna kelabu
0xffffff : warna putih 
0xFF0000FFF : warna merah 
0x00FF00: Warna Hijau 
0x0FFFF0: warna Kuning 
0x00FF0000 : warna biru 
0xFFF000 : warna biru muda 
0xFFFFFFF : Warna Hitam 
0x0FF0FF0 : warna pink


apa-apa pun kena preview dulu ye..dah puas hati, boleh save template :)


oh oh!! lupa pulak..nanti bila dah siap, widget ni keluar dekat bahagian atas sidebar blog anda, nak ubah kedudukan, anda pergi dekat Page Element dan drag ke mana-mana yang anda suka :)


EDIT: highlight code, tekan Ctrl+C untuk copy, dan paste macam biasa


okayh! tu je..ada yang tak faham, tanya je ye...






psst~ kalau tengok kod je pening..nasib tak amik programming whatever you call it macam adik i tu..huhuu










~maaf kerana penggunaan 'aku' pada yang lebih berusia~

Tweet