data-post img css on mouse over change image

BLOGGER'DA POST RESİM STİLİLİNİ DEĞİŞTİRMEK
Şu an var olan blogger resim stiliniz hiç hoş görünmüyor,CSS kodlarının yedinen düzenlenmesi gerekir,çünkü diğer tüm unsurların olduğu gibi kayıtlarınız arasında bulunan resimlerinizin de göze hoş görünmesi önemlidir,dinamik bir resim efekti okuyucularınızın çok hoşuna gidecektir.



Resimlerinizi durağanlıktan kurtarın ve aşağıdaki resim stillerinden birini kullanın...

Blogger resim stillerinizi .data-post img {....} CSS kodları belirler,bu kod grubunu aşağıda gösterildiği şekilde kaldırın.Bu kod grubunu bulmak için CTRL + F ile data-post img yada post img   aratın

Yandaki resimde kaldırmanız gereken kısım gösteriliyor



Bu kod grubunu kaldırdıysanız beğendiğiniz resim stillerinden birini yerine ekleyin
DEMO

CSS facebok stil:
.post img { padding:4px; } .post img{ border: 1px solid #ccc; } .post img:hover{ border: 1px solid navy; } .post img:hover{ color: red; /* irrelevant definition to overcome IE bug */ }

CSS Opacity stil:
.post img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; } .post:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } .post img { border: 1px solid #CCC; }
CSS Kenar stil:
.post img { border: 2px solid #999; padding: 4px; } .post img {padding: 4px;} .post a:hover img {border: 2px solid #333;} .post a:hover img {color: red; /* irrelevant definition to overcome IE bug */}

iyi bloglamalar
BlogcaDergi