Cara Membuat Tag Cloud

LaEbel cloud atau tag cloud sering kali kita temukan pada beberapa situs dan blog yang kita kunjungi. Keberadaan label cloud memang terlihat cukup menarik dan memperindah tampilan blog itu sendiri. Selain dapat mempercantik tampilan blog, tag cloud sebenarnya juga merupakan bagian dari susunan elemen yang baik pada blog. Adanya label cloud dapat memudahkan visitor untuk mengeksplorasi isi blog.

Bagi kalian yang ingin menambahkan tag cloud dalam blogspot ada 2 cara. Yang pertama adalah tag / label akan aktif ketika pointer didekatkan pada tag/label yang dituju. Dan yang kedua tag / label bisa berputar ketika mouse diarahkan ke tag atau label tersebut.Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud yang berputar tersebut di sidebar.
Untuk menambah tag cloud ke sidebar blog anda,bisa lakukan langkah-langkah berikut
Untuk cara yang pertama : 



1. Login ke dashboard
Pilih Tata Letak / Layout -> Tambah Gadget / Add New Widget
2. Setelah itu akan muncul kotak dialog , pilihlah LABEL

3. Kemudian akan muncul kotak dialog lagi , klik Tampilkan Cloud
Selesai Anda sudah bisa menampilkan Tag Cloud di Blogspot. Namun jika Anda ingin Tag Cloud yang bisa berputar ikuti langkah berikut :

1. Login ke dashboard
Pilih Tata Letak / Layout -> Edit HTML  

  

2. Cari Kode Berikut : 
 

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

3. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,

<b:widget id='Label100' 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>

4. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save .