Modikasi Label Cloud Cantik

Kali ini saya akan menerangkan cara modifikasi label cloud menjadi cantik. Kadang kita merasa bosan dengan tampilan label cloud bawaan blogger, karena tampilannya kurang menarik. Oleh karena itu kita akan memodifikasi tampilannya dengan menambahkan sedikit kode css. Saya juga menambahkan efek hover agar tampilan dari modifikasi label cloud menjadi lebih menarik dan atraktif. Anda dapat menyesuaikan tampilannya dengan merubah tampilan warna dan bentuknya menurut keinginan. Sekarang mari kita bahas cara modifikasi label cloud menjadi cantik dan menarik. Silahkan ikuti langkah berikut.

• Log in ke blog anda
• Klik Template dan click Edit HTML
• 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;border-radius:5px;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:#FAAC58}

Anda dapat mengganti warna sesuai keinginan. Ganti kode berikut
background-color:#254779

(warna background sebelum efek hover)
color:white; (warna tulisan)
background-color:#FAAC58 (warna setelah kursor menyentuh label)

• Simpan Template kalau sudah selesai
• Selanjutnya click Tata Letak (layout)
• Click Tambah Gadget
• Pilih Label dan atur seperti gambar di bawah ini.

• Letakkan sesuai keinginan anda
• Click Simpan dan lihat hasilnya.
• Sekarang label cloud anda sudah dimodifikasi menjadi lebih cantik

Demikian penjelasan Modifikasi Label Cloud Cantik. Semoga artikel ini bermanfaa bagi kita semua, amin. Selamat mencoba dan semoga berhasil. Salam Sahabat Blogger

Share this post