Membuat Cloud Label ( Label Awan)

Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blog sobat. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasinya.

Langsung aja dewhh...

* Login ke account blogger kamu.

* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template Sobat dengan meng-klik tulisan Download Template Lengkap.

* Cari kode berikut :

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

atau kode-kode yang sejenis dalam template blog Sobat.

* Tambahkan kode berikut di bawahnya.

<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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "150", "200", "7", "#F8E0EC");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xB4045F");
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>

Catatan :

1. Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label ("150"), tinggi area label ("200"), dan warna area label (#F8EOEC) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog Sobat.
2. Jangan sampai kelupaan jika Sobat merubah warna area label. maka kamu mungkin perlu juga merubah warna teksnya yang ditunjukkan dengan warna hijau (B4045F). Khusus untuk perubahan warna teks, cara memasukkan kode tanpa embel-embel #.
3. Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.

• Jangan lupa disimpan

 Selamat Mencoba....