Cara Membuat Tag Clouds di Blog

Selama Bertahun-tahun sudah kudaki gunung tertinggi, lewati samudra terluas, gapai bintang di langit (lebay amat!) akhirnya saya menemukan sesuatu yang bisa dibilang ok yaitu (jeng jeng jeng) Cara Membuat Tag Clouds di Blog. Walaupun cara ini sudah kuno tp baru kali ini saya dapatkan caranya (kolot bgt yah??). Untuk itu saya sharingkan buat teman-teman yang ingin mempercantik blog nya. Klo yg blm tau Tag Clouds apa bisa langsung liat di sidebar kana blog ini yang ebrtuliskan Category (sudah keliatan??). Tanpa berlama-lama langsung aja deh gw kasih cara-cara'a cekidot.

Langkah Pertama :
Copy script berikut (hati-hati jangan sampai ada yang tertinggal)

<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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Langkah Kedua :

Login ke account Blogger anda, terus edit Layout kemudian edit HTML.

Lagkah Ketiga :

Download dulu template blog anda sebelum memasukkan script (mengantisipasi adanya kekeliruan)
setelah dowload complete, kembali masuk ke halaman edit HTML. Kemudian centang expand widget templates

Langkah Keempat:

Cari tag dibawah ini (gampangnya pencet Ctrl F, lalu isi tag dibawah ini pada kotak pencarian)

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

Langkah Kelima :

Kalau nggak ketemu tag tersebut, coba hilangkan dikit-dikit dari bagian akhir. Kalau sudah ketemu, tinggal paste kode pada langkah pertama tepat dibawah kode ini

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

Finish. Simpan template dan langsung aja cek tampilan Blog anda. Apabila anda kurang puas karena sizenya terlalu besar atau terlalu kecil, anda bisa melakukan sedikit modifikasi. Begini caranya :

Cari tag dibawah ini :
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Angka 240 menunjukkan lebar dan angka 300 adalah tingginya dan #ffffff adalah warna background. Anda bisa menggantinya sesuka hati menyesuaikan dengan template yang anda gunakan.

Thx for Mascipul