Thursday, March 05, 2009

Flash Label Cloud agar blog makin cantik

Pagi ini temen blogger gw nanyain sesuatu, tentang gimana caranya pasang label cloud di Blogspot. Sebenernya kalo kita nyari di Gugel ada juga sih yang postingan tentang itu. Tapi inget, ada dua macam label cloud yang ada. Yang pertama tipe flash label cloud kayak punya gw yang di bawah judul blog itu tu..dan yang kedua tipe yang ngga bergerak (ga tau gw namanya apa).

Pengen tau gimana cara bikinnya ??

Pengen...??

Beneran ??

Yawdah, gw punya solusinya. Kayak gini ni yang diperluin.

1. Login ke Blogger dan langsung masuk aja ke Edit HTML
2. Jangan lupa centang "Expand Widget Templates"-nya, dan kalo perlu backup dulu blog kita
3. Cari kode yang sama dengan kode di bawah (paling ga mirip lah) :

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

4. Ketemu ? Kalo udah, masukin kode berikut di bawah kode tersebut :

<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>
<b:section class='sidebar' id='sidebar' preferred='yes'>

5. Klik Save deh..dan..jeng jeng..label cloud telah melayang-layang di blog kita.
6. Kalo label standar dari blogger masih nongol, bisa di-delete aja tuh.
7. Kalo dirasa ukurannya kurang sreg, bisa dimodif lagi yang bagian tulisan 240x(lebar) dan 300x(tinggi)

Okeyyh ?? Selamat mencoba dan nikmati flash label cloud kamu di blog tercinta.

(info kode dari Slikers.blogspot.com, thanx)

1 comment:

say whatever..