Widget Label Cloud Cantik

Beberapa waktu lalu saya pernah memposting cara merubah tampilan label cloud dan membuat label cloud cantik dengan css. Kali ini saya akan share cara membuat widget label cloud cantik untuk blogspot. Cara pembuatannya hanya menggunakan css dan dijamin tidak memberatkan loading blog. Selain itu anda bisa merubah tampilan background label tersebut sesuai keinginan anda. Sekarang mari kita bahas cara membuat widget label cloud cantik. Ikuti langkah berikut.

Log in ke blogger
Klik Template
Masukkan kode berikut di atas kode ]]></b:skin>
.Label a{float:left;padding:5px 8px;margin:2px 2px 0px 0;background-color:#254779;color:white;font-size:14px;text-decoration:none;text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.Label a:hover{background-color:#303030;}

Kalau mau Edit tampilan warnanya silahkan ikuti petunjuk berikut

• Ganti kode #254779 untuk warna background.
• Ganti kode #303030 untuk warna hover, atau perubahan warna setelah kursor anda bersentuhgan dengan widget.
• Ganti white (putih) untuk warna tulisan.

Selanjutnya klik Simpan Template
Klik Rancangan
Klik Tambah Gadget
Pilih Label
Lalu atur seperti tampilan di bawah ini

Selanjutnya klik Simpan dan lihat hasilnya
Demikian tutorial cara membuat widget label cloud cantik. Semoga bermanfaat bagi semua, amin. Selamat mencoba dan sukses selalu.

"keep spirits and do the best"