Membuat Tag Cloud atau Label Cloud

Membuat Tag Cloud atau Label Cloud adalah tutorial artikel yang akan M.A bahas pada kali ini. Mungkin sebagian dari anda bertannya kenapa M.A baru bahas sekarang sedangkan Tag Cloud atau Label Cloud ini sudah lama ada dan M.A pun sudah lama menggunakannya...???.
Jawabannya adalah karena sudah berkali-kali M.A menerima pertanyaan yang masuk baik itu dari email, Buku Tamu (shoutmix), Komentar di Blog ataupun dari facebook.

Dari sekian pertannyaan yang masuk M.A selalu menjawabnya melalui email. Karena alasan inilah maka M.A memposting cara pembuatan Tag Cloud untuk mempermudah penggunjung dan juga untuk melengkapi tutorial blog yang ada di blog M.A.

Tag Cloud ini M.A ambil dari Roy Tanck dan Amanda Fazani blogger yang sudah tidak asing lagi bagi kita semua.
Okk...langsung saja kita masuk pada tahap pembuatan Tag Cloud atau Label Cloud ini:

1. Login dulu ke Blogger.com
2. Trus Pilih Layout --> Edit HTML
3. Backup terlebih dahulu template anda.
4. Cari kode dibawah ini:

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

5. Lalu letakkan kode atau script dibawah ini dibawah nya

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

Keterangan:
1. Warna Merah (240) ► Untuk lebar
2. Warna Biru (300) ► Untuk Tinggi
3. Warna Hijau (ffffff) ► Untuk Background
4. Warna Ungu (0x333333) ► Untuk Teks
5. Warna Orange (100) ► Untuk kecepatan berputar Tag Cloud

Untuk melihat hasil jadi nya silakan lihat di sidebar kanan di atas nya facebook

Selamat Mencoba dan semoga berhasil