Label Cloud dengan CSS Sederhana

Pada hari ini taukahbahwa.blogspot.com akan menyajikan posting tentang Label Cloud dengan CSS Sederhana. Semoga dengan artikel Label Cloud dengan CSS Sederhana akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com

sekarang kita akan membuat Label Cloud dengan CSS Sederhana. Bagaimanakah bentuknya ???? Lihat Screenshot dibawah ini :

Langkah-Langkah :

• Login Dashboard Blogger > Template > Edit HTML
• Tekan CTRL+F kemudian cari kode ]]></b:skin>
• Kalau sudah ketemu copy kode CSS di bawah ini dan letakkan tepat diatas kode ]]></b:skin>

.label-size{font-size:14px; margin:5px 0 5px 0; float:left; text-decoration:none; padding:5px; border:1px #FFF solid; background:#037400;  color:#FFF; box-shadow:1px 1px 5px rgba(1,1,1,.1)} .label-size a{color:#FFF} .label-size a:hover{color:#00ff00;text-decoration:line-through;} .label-size:hover{background:#000;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transform:scale(1.5) rotate(7deg);-moz-transform:scale(1.5 )rotate(7deg);-webkit-transform:scale(1.5) rotate(7deg) 

• Simpan Template

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com