Cara Membuat Label Bola Berputar atau Awan Menggumpal

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Artikel kali ini Saya akan membahas cara membuat label cloud yang sering disebut orang orang bola berputar atau awan menggumpal.
Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa dipasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada bermacam-macam, contoh label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita buat sekarang adalah memasang label cloud berputar di blog.
Mungkin di antara sobat pernah melihat label cloud berputar di blog teman-teman atau di antara sobat blogger ada yang ingin menghias blog dengan membuat label cloud berputar.

Untuk contohnya bisa sobat lihat pada gambar.

Tanpa berlama lama, ikuti langkah membuatnya di bawah ini :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML
• Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> agar lebih mudah tekan (ctrl+f)
• Jika menggunakan template blogger designer coba cari kode seperti di bawah ini

<b:section-contents id='sidebar-right-1'>

• Setelah itu letakkan kode yang ada di dalam kotak ini di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>

<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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Created By : <a href='http://suryachandragobel.blogspot.com/'>Surya Chandra Gobel</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/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>

Simpan dan lihat hasilnya

Perhatian :

• Untuk angka 240 itu adalah lebar dari widget.
• Untuk angka 300 itu adalah Tinggi widget ( Sesuaikan dengan template Anda) 
• #ffffff adalah warna background, warna backgroundnya bisa Anda ganti dengan warna lain
• Jika di blog Anda memasang tag cloud dan tag daftar/text, jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog Anda, pilih option Cloud

Semoga apa yang Saya sampaikan tentang cara membuat label bola berputar bermanfaat untuk kalian.