Cara buat Cumulus Labels/Cloud Labels
Saturday, December 18, 2010
Assalamualaikum
hi uols..
baeklah..
hari ni nak share dengan korang cara nak buat labels bentuk
nampak cool gile kan..kehekheke..
okee..mari mulakan ya..
1. pegi design > Edit HTML > tick pada Expand Widget Templates
2. cari code kat bawah ni..(tekan ctrl+f dan masukkan code kat bawah ni)
okee..mari mulakan ya..
1. pegi design > Edit HTML > tick pada Expand Widget Templates
2. cari code kat bawah ni..(tekan ctrl+f dan masukkan code kat bawah ni)
<b:section class='sidebar' id='sidebar' preferred='yes'>
3. da jumpa? ok copy (ctrl+c) code ini dan paste (ctrl+v)
di BAWAH code pada step 2 tadi.
di BAWAH code pada step 2 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", "<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>
4. JANGAN save dulu oke..preview dulu..kot korang nak ubah ape-ape ke..
yang 240 untuk Width (lebar), yang 300 untuk Height (tinggi) dan #ffffff untuk background color. korang bole ubah siap-siap.ubah sikit, then preview sampai oke bagi korang la..nak tengok pilihan kaler, pegi Webmonkey.
5. da puas hati, baru klik Save oke..
yeahh...siap..ekheekheke..
good luck semua..
~wassalam~
da buat?komen sini ya..
yang 240 untuk Width (lebar), yang 300 untuk Height (tinggi) dan #ffffff untuk background color. korang bole ubah siap-siap.ubah sikit, then preview sampai oke bagi korang la..nak tengok pilihan kaler, pegi Webmonkey.
5. da puas hati, baru klik Save oke..
yeahh...siap..ekheekheke..
good luck semua..
~wassalam~
pstt : tutorial ni untuk yang tak tahu oke..
pada yang da tahu dan pakar, diam..diam
da buat?komen sini ya..
22 Comments
nanti nak try buat. haha
ReplyDeletenanti nak try buat..
ReplyDeletekool :) gerak2 lagii . heee~
ReplyDeleteoooo cumulus...igtkan cumulot...
ReplyDeleteyana nak try lew...tapi tak tau lew jadik kew tak...yana lembab cikit nak belajar...huhu...
ReplyDelete@kembatolo™
ReplyDeletehhehehe..try la...gud luck okee
@ⒸⒶⒽⒶⓎⒶ
ReplyDeletekan..hekhekhekee
@delarocha
ReplyDeletehaiippp...sempat lagii kann..grrrr
whoa...da lame wa cari mende neh cane nk buat..tengs..! :D
ReplyDelete@rieyana ynn
ReplyDeletexpe, yana try dulu, nnti share jadi ke tak oke..
@miyoshu212
ReplyDeletehehehe...try la ek, da jadi, komen sini okee
dah lama cari.. tringin nak cuba jap lagi :D
ReplyDelete@Amirrah Zawani
ReplyDeleteyeahh..try la ek..nnti komen if jadi oke
Nadia Mpun Blogtenggss.. nk try..
ReplyDelete@Dya
ReplyDeletewelkam dear..nnti bole try yaa..
kt blog sy xde la code tu . mcm mne ea ?
ReplyDelete@inilahidupsaia
ReplyDeletehuhu..tu la..ade jugak yg laen template..
xdpt la sy buat :(
ReplyDeleteem xpela . thanks btw :)
@inilahidupsaia
ReplyDeleteacely kan dear..sy da jumpe coding laen..but not sure dlm blog kamu ada tak code tu..
sis..mysara mcm nk buat gak..tp t mcm meniru sis pulak.hihi.. =,='
ReplyDelete@♥cik mySara♥
ReplyDeleteeh, buatla dear..ok je tau..silakan yaa
sis,
ReplyDeletecode ni.....
x jumpe.sobsob..=,='
SHARE LINK ANDA DI SINI
<a href="URL LINK BLOG U OLS"> NAMA BLOG U OLS</a>
thanks for dropping by...
^__^