Flash Label Cloud

Apa sih Flash Label cloud itu, coba lihat dibagian side bar blog ini di kanan atas

Cara buatnya di bawah ini

  1. Log in
  2. Klik Layouts
  3. Klikk EDIT HTML
Cari kode dibawah ini atau yang mirip dengan nya.
<b:section class='sidebar' id='sidebar' preferred='yes'>

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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>


Klik Save Template dan lihat hasilnya

Perhatikan warna merah:
240 -- lebar
300 -- tinggi
#ffffff --- warna bagkground
333333 --- warna teks
12 --- ukuran teks/font
Semuanya bisa di ganti sesuai keinginan.

Selesai

0 comments:

Post a Comment