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 cumolot cumulus..
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)
<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.
<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/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>
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~

pstt : tutorial ni untuk yang tak tahu oke..
pada yang da tahu dan pakar, diam..diam

da buat?komen sini ya..

You Might Also Like

22 Comments

  1. kool :) gerak2 lagii . heee~

    ReplyDelete
  2. oooo cumulus...igtkan cumulot...

    ReplyDelete
  3. yana nak try lew...tapi tak tau lew jadik kew tak...yana lembab cikit nak belajar...huhu...

    ReplyDelete
  4. @kembatolo™

    hhehehe..try la...gud luck okee

    ReplyDelete
  5. @delarocha

    haiippp...sempat lagii kann..grrrr

    ReplyDelete
  6. whoa...da lame wa cari mende neh cane nk buat..tengs..! :D

    ReplyDelete
  7. @rieyana ynn

    xpe, yana try dulu, nnti share jadi ke tak oke..

    ReplyDelete
  8. @miyoshu212

    hehehe...try la ek, da jadi, komen sini okee

    ReplyDelete
  9. dah lama cari.. tringin nak cuba jap lagi :D

    ReplyDelete
  10. @Amirrah Zawani

    yeahh..try la ek..nnti komen if jadi oke

    ReplyDelete
  11. @Dya

    welkam dear..nnti bole try yaa..

    ReplyDelete
  12. kt blog sy xde la code tu . mcm mne ea ?

    ReplyDelete
  13. @inilahidupsaia

    huhu..tu la..ade jugak yg laen template..

    ReplyDelete
  14. xdpt la sy buat :(
    em xpela . thanks btw :)

    ReplyDelete
  15. @inilahidupsaia

    acely kan dear..sy da jumpe coding laen..but not sure dlm blog kamu ada tak code tu..

    ReplyDelete
  16. sis..mysara mcm nk buat gak..tp t mcm meniru sis pulak.hihi.. =,='

    ReplyDelete
  17. @♥cik mySara♥

    eh, buatla dear..ok je tau..silakan yaa

    ReplyDelete
  18. sis,
    code ni.....

    x jumpe.sobsob..=,='

    ReplyDelete

SHARE LINK ANDA DI SINI

<a href="URL LINK BLOG U OLS"> NAMA BLOG U OLS</a>

thanks for dropping by...
^__^