Membuat Gambar Menjadi Transparan ketika dilewati Mouse pada Blog

Hallo Pengunjung... saat ini sya ingin berbagi trik seputar blog..
yaitu membuat gmbr pada blog terlihat transparan ketika dilewati kursor Mouse...
gimana selanjutnya...
langsung jah ke TKP.. :-D 



1.  Login ke blogger untuk menuju ke dasbor blog anda.

2.  Klik Tempelate => Lalu Edit HTML.

3.  Cari kode ]]></b:skin> (Ctrl+F) dan copy paste kode berikut tepat di atas kode ]]></bskin>

img:hover{opacity:0.5;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}img{opacity:1.0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}

4.  Klik Simpan Template.

5.  Lihat hasilnya pada gambar dalam blog anda.

demikiian....... ^_^

zalam...

Post a Comment