membuat gambar membesar ketika disentuh cursor blog

pagi ini yang saya akan bagikan adalah bagaimana cara membuat gambar ber-efek zoom pada blog atau lebih tepatnya membuat gambar membesar di blog ketika disentuh cursor. memang sudah banyak di google cara ini. saya membagikannya di blog saya karena hanya ingin menambah koleksi di blog saya .caranya sangat simpel sekali hanya menambah script di bawah ini. ikuti langkah langkahnya ya :D

• login blogger agan....
• klik template
• lalu klik edit html.
• cari kode ]]></b:skin>.
• lalu letakkan kode ini tepat di atasnya

.post img{

-webkit-transform:scale(0.8);

-moz-transform:scale(0.8);

-o-transform:scale(0.8);

-webkit-transition-duration: 0.5s;

-moz-transition-duration: 0.5s;

-o-transition-duration: 0.5s;

opacity: 0.7;

margin: 0 2px 2px 0;

}

.post img:hover{

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-o-transform:scale(1.1);

opacity: 1;

}

semoga ini membantu......