tutorial ; label animasi.

*tutorial ini agak annoying sbb byk nk kene otter semua, so sorry sebab lambat ajar :(

btw ada beberapa orang request nak ada animated label mcm i, yang siap berpusing² serius i rasa annoying gila apasal dia nak pusing²? benci gila tapi tetap suka. walaupun membuatkan belog i berat. KAH KAH KAH

uols tahu tak label ni sebenarnya apa?cuba pegi newpost kan ada bawah dia labels for this post, and labels paling fofular confirm la life, love, teman, tips, tutorial and macam² lah kan? and kalau uols perasan, blogspot mmg siap bagi label tapi main prob dia nanti jadi mcm bersepah² which i betul² annoying, sampai rasa ta payah ada label pun takpa heh.

so bila i tahu blogumus create label yang comel, bergerak² i terus macam fuhh, cari website dia, and i pun nk guna macam ini,so i cari animated label dari blogumus and i nak share dengan korang, macam mana nak letak dalam belog uols, and juga i nak ajar cara² untuk customize blogumus.

first of all : pegi layout > edit html > and cari code ini

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

lepas dah dapat code kat atas ni, korang copy code di bawah ini pulak and terus paste code tersebut kat bawah. i repeat, paste code yang seterusnya dekat bawah code di atas heh jangan pegi letak dekat tepi nanti habis hilang semua kemaluan dia kah kah kah :P

<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;200&quot;, &quot;250&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>

*customized code yang di beri atas ni*

• Text color is grey
• Background color is white

ingat uols boleh pakai macam tu je? pfft ta boleh ta boleh HAHA. korg kene customize dlu ikut kesesuaian template korang. contoh mcm template i, warna table i hitam kan? so i kene buat font label i warna putih, background label i warna hitam, and i adjust width and height mengikut size sidebar i.

1. if table korang warna hitam, background color mesti kene colour hitam jugak. so cari code ini &quot;#ffffff&quot; and tukar colour hijau ffffff itu kepada 000000. tapi kalau table korang putih, biar kan #ffffff itu.


• #table putih, background #ffffff
• #table hitam, background #000000


2. bila table hitam, text colour mesti kene putih, so contra. tukar code ini &quot;tcolor&quot;, &quot;0x333333&quot; dimana 333333 yang berwarna kelabu tu tukar ke ffffff. kalau background putih, tukar 333333 tu kepada 000000


#table putih, text 000000
#table hitam, text ffffff


3. i dah siap set yang lain, font size kalau tak ckup besar, boleh besarkan sendiri. cari style='12' and tukar kepada 13 atau 14 kalau nak besar and 11 atau 10 kalau nak kecik
   

( guna ctrl+f untuk cari code, ta perlu cari satu² )

okay done, boleh preview kalau tak puas hati boleh tukar apa² yang x puas tapi kene ingat lepas save, dah ta boleh edit heh :)

kalau nak tukar² tempat dia, pegi layout > page element > and just drag ke mana² yang uols suka. okay done babai , kalau ada yang agak tak jadi boleh saja msg i :)

suka tak?