Membuat kesan pada gambar apabila didekati kursor mouse

masuk ke dashboard >> template >> edit html
cari kode a img {

delete  kode setelah a img { 
gantikan dengan
-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;
}

jika tidak menemukan kode a img{
copy paste code berikut
kemudian diletakkan SEBELUM /* Headings atau /* Header

a img {
-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;
}


coba lihat hasilnya pada gambar postingan blog anda

lihat perbedaanya . .. . .. .