Cara Membuat Tag Cloud di Blog

Hallo kawan, seperti biasa. Share Trik lagi nih...

Kali ini tentang Cara membuat Tag Cloud.

Apa itu Tag Cloud?

Hehehe

Yap! Tag cloud atau disebut juga label cloud merupakan daftar semua label yang digunakan untuk menandai suatu artikel. Tapi kali ini saya akan membuatkan Tag Cloud yang Spesial dan Istimewa yaitu Model Tag Cloud Animasi. Yuk, Intip Step by stepnya ;)

-- Pertama, pilih Tata Letak > Edit HTML

-- Kedua, centang Expand Template Widget

-- Ketiga, cari kode di bawah ini :

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

Kalo udah dicari tapi ga ketemu, cari yang ini :

<b:include name='quickedit'/> /b:includable></b:widget>

-- Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.

<b:widget id='Label99' locked='false' title='Tag Cloud' 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/ruangsc/enes/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

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

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>

-- Nah, kalo udah. Klik Save Template. Lihat Perubahannya :)

Ini hasilnya :

*Sebenarnya kalian bisa kustomisasi widget ini sesuai dengan keinginan kalian,pintar-pintar mainin kodenya aja ;)

Jangan lupa balik lagi yaaaa... ;)

SALAM ...