Membuat gambar membesar saat di sentur cursor mouse di blog

Membuat gambar membesar saat di sentur cursor mouse di blog - SiS

Sobat SiS yang sedang membuat blog atau hanya sekedar belajar membuat, dan mungkin saja sedang bingung bagaimana caranya agar gambar ataupun image yang ada di blog-blog  bila tersentuh cursor mouse akan membesar atau zoom in. Tak perlu bingung, kami akan membagi sedikit info untuk anda semua. Sebagai contoh di dalam blog ini semua imagenya selalu zoom in saat tersentuh cursor mouse.

Perhatikan gambar di bawah ini:

I.  Silahkan login ke akun blog anda atau klik disini

II. Selanjutnya pilih Template dan klik edit HTML

III.Lalu cari kode ]]></b:skin> *gunakan Ctrl+F

IV. Setelah ketemu kode tersebut, silahkan copy kode dibawah ini tepat diatas kode ]]></b:skin>

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(2.0); -o-transform: scale(2.0); -webkit-transform: scale(2.0); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0,6); }}

V.  Selanjutnya Save Template, kemudian lihat hasilnya.