Efek Gambar pada Blog Bila Terlewati Kursor

Sudah Tentu Blog Sobat ada Gambar-Gambarnya , Tentunya akan lebih menarik apabila gambar sobat diberi efek efek sedikit jika Kursor menyentuh gambar tersebut

Contoh :

 

Step :

1.Login Akun Blogger Sobat

2.Pergi Ke Template > Edit HTML 

3.Cari Kode ini (Ctrl + F) , a img {

4.Detele kode setelah a img { , dan gantikan dengan kode dibawah ini

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
} 

Contoh :
Sebelum :

 Sesudah :

5.Save/Simpan
Happy Blogging :)