Membuat Tag Clouds cumulus beranimasi

Waktu dikost iseng browsing keblog temen2 blogger ternyata aku menemukan ilmu baru namanya tag cloud.Mungkin diantara kalian sudah ga asing lagi dengan nama tag cluds. Pokoknya keren banget dech tag berbentuk flash atau animasi.
Kemudian aq browsing mencari kesana kemari akhirnya aq menemukannya. Namanya adalah tag clouds cumulus ini merupakan bikinan dari nona bloger buster.
tanpa basa basi aq langsung menerapkan blogku ini sebagai kelinci percobaan dan hasilnya.......
Tara......... dapat anda lihat hasilnya diblog ini.
Mau mencoba....
Caranya cukup mudah kok....

1. tentunya masuk ke account blogger anda
2. kemudian pada kontrol panel masuk kebagian tata letak atau layout kemudian edit html dan pilih expand widget.(sebelumnya backup dulu template anda)
3. untuk mempermudah pencarian klik tombol Ctrl + F pada keyboard anda dan masukkan kode dibawah ini

---

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

---

setelah ketemu kemudian copypaste kode dibawah ini tepat dibawahnya.

---

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

---

Selanjutnya klik tombol save dan refresh halaman depan anda.

NB: jika anda ingin merubah dimensi panjang dan lebar, besar font dan background, cari tag pada bagian ini kemudian diganti dengan yang anda inginkan.

* Untuk menyesuaikan ukuran tersebut dengan desain blog anda silakan di edit pada bagian yang terlihat dibawah ini

---

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;150&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#ffffff&quot;)

---

jika ingin merubah background silakan edit pada bagian dibawah ini

---

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

---

Jika ingin merubah besar huruf yang ditampilkan silakan edit pada bagian seperti dibawah ini

---

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

---