Cara Membuat Label Cloud (Bola Berputar Atau Awan Menggumpal)

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 di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas 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 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 → Centang Expand Template Widget
►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'>

Tampilkan :

<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 , bisa dilihat dalam Mesin warna. 

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






Selamat Mencoba !