Flash Label Cloud

Ditengah kesibukan mengerjakan Job review dari client terjemahan yang mencapai 45 review, ada pengunjung setia Blog Pak Guru yang bertanya tentang "Flash label Cloud". Klik disini dan lihat di sidebar kanan untuk melihat seperti apa sih Flash Label cloud itu.

Ikuti step ya di bawah ini

1. Log in
2. Klik Layouts
3. Klikk EDIT HTML
4. Cari kode dibawah ini atau yang mirip dengan nya.

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

5. Setelah ketemu, masukin kode berikut ini di bawahnya.

<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;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>

6. Klik Save Template and lihat hasilnya atau klik disini untuk melihat buktinya.

7. Dibawah ini adalah default instalation dari flash label yang sudah kalian buat.

* Width is set to 240px
* Height is set to 300px;
* Background color is white
* Test color is grey
* Font size is "12"

8. Cara mengedit lebar dan tinggi labelnya

Cari kode dibawah ini

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Warna merah (240) itu lebar nya dan silakan rubah ukurannnya sesuai keinginan.
Warna biru (300) itu tinggi nya dan silakan rubah sesuai keinginan

9. Cara mengedit background warna

cari kode dibawah ini:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Kode merah (ffffff) itu warna background dan silakan ganti sesuai dengan keinginan.

10. Mengedit Warna Text

so.addVariable("tcolor", "0x333333");

Warna merah (333333) adalah warna text dan silakan ganti sesuai dengan keinginan.

11. Mengganti Ukuran Text

so.addVariable("tagcloud", "12'>");

warna merah (12) adalah ukuran text dan silakan ganti sesuai keinginan.

12. Selesai lagi deh dan klik disini untuk melihat hasilnya lagi.