Memasang/Membuat Label Widget Keren Dengan Javascript

Ahmad Fawzan Rohman Selasa, Juni 26, 2012

Sebelumnya lebih baik membaca artikel ini jika anda belum mengetahui apa itu label, apa fungsinya dan bagaimana cara memasangnya pada blog.

Lanjut, Untuk membuat tampilan Label atau Kategori lebih menarik, sobat bisa mencoba menggantinya dengan label yang menyerupai awan atau yang lebih dikenal dengan nama Label Cloud. Untuk membuatnya, anda cuma harus mengikuti beberapa langkah berikut dan copas kode tanpa edit HTML alias lebih simple dan mudah.

1. Login ke akun blogger anda

2. Klik rancangan – element – tambah gadget HTML/Javascript

3. Kemudian copas kode dibawah ini

Silahkan anda copas kode dibawah ini, jangan sampai ada yang ketinggalan ya.

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.way2blogging.org/">Way2Blogging</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
blogurl       : "http://fauzan-zifa.blogspot.com/", /* ganti dg alamat blog anda */
color          : "000000", /* warna link menu  */
hoverColor     : "0000FF", /* hover link menu */
backgroundColor: "transparent", /*  background */
size           : 10, /* ukuran font */
speed         : 100, /* kecepatan animasi */
width          : 210, /* lebar label cloud animasi */
height         : 200 /* tinggi label cloud animasi */
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

Kemudian anda edit sesuai keinginan anda pada keterangan yg cukup jelas pada kode diatas, sekian dulu .. mohon komentarnya ya...!