Label Cloud Cantik Berbasis Flash Animasi untuk Blogger

Merasa penasaran dengan tampilan cumulus tag claud dari WP, saya berusaha mencari-cari petunjuk untuk dapat menerapkannya juga pada template Blogger. Setelah mencari beberapa lama, akhirnya dapat juga wangsit dari mbah google dan dibawa ke tempat Amanda Fazani.
Awalnya sempat hampir prustasi karena langkah-langkah yang disebutkan ternyata tidak juga membuahkan hasil. Setelah diulang berkali-kali pun tetap tidak berhasil. Hanya tampil sebuah widget blank berjudul "labels". Akhirnya saya putuskan untuk berkunjung ke "kolom-tutorial" dari "Master Rohman" berharap bisa dapat pencerahan, apa gerangan yang terjadi hingga upaya saya tidak kunjung berhasil? Ternyata kunjungan saya tidak sia-sia. Disana dapat petunjuk bahwa ada satu langkah dalam tutorial Amanda yang harus diperbaiki. Setelah melalui perjuangan yang cukup melelahkan, akhirnya saya berhasil menyelesaikan missi saya kali ini, yaitu memasang 'Blogumus' label cloud cantik berbentuk animasi. Adapun langkah-langkahnya sangat simple dan dapat disimpulkan sebagai berikut:

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak (Layout).
3. KLik tab Edit HTML.
4. Cari kode yang mirip dengan kode di bawah ini :
   
   
   
   
   
   
   
   

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

   
   
   
   
   
   
   
5. Copy lalu paste kode di bawah ini di bawah kode yang tadi. (Perhatian!!: Jangan memberi checklist pada 'Expand Widget Templates')
   
   
   
   
   
   
   
   
   <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'>
       &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
   
           &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
           &lt;param name="bgcolor" value="#ffffff" /&gt;
           &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
         <b:loop values='data:labels' var='label'>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
   </b:loop>
   &lt;/tags&gt;" /&gt;
           &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
       &lt;/object&gt;
     </div>
     <b:include name='quickedit'/>
   </b:includable>
   </b:widget>
   
   
   
   
   
   
   
6. Klik tombol SIMPAN TEMPLATE (SAVE TEMPLATE)
7. Selesai.

Coba lihat hasil pekerjaan anda. Apakah sudah berhasil. Jika berlum, jangan berkecil hati. Coba lakukan langkah berikut:

1. Masuk ke "Page Element"
2. Klik tombol edit pada widget 'labels' yang baru saja anda pasang. 
3. Pada bagian 'Show', pilihlah 'Selected Labels'
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
4. Anda harus menyeleksi label-label yang akan anda tampilkan.Pastikan diantara label-label yang anda pilih, tidak ada yang mengandung apostrop (tanda petik) karena itulah yang menjadi penyebab utama kegagalan dalam menampilkan animasi.
   
5. Setelah selesai, klik save. 
6. Cobalah buka kembali halaman blog anda. 

Berdasarkan pengalaman saya pribadi, cara diatas sudah sangat detail dan mudah untuk para newbie seperti saya. Smoga saja dapat membantu rekan-rekan newbie lain yang mungkin kesulitan ketika membaca tutorial tingkat advance dari blog tutorial lain.