Membuat Gambar Membesar Ketika Disorot Mouse

Mungkin banyak diantara sobat Kolom Tutorial™ yang sering menjumpai sebuah gambar manakala disorot mouse gambar tersebut membesar, bagaimana yaa caranya.....???? Lihat 

DEMO GAMBAR MEMBESAR

Bagi sobat Kolom Tutorial™ Yang ingin membuat gambar dipostingan seperti itu langkah-langkahnya sebagai berikut :

1. Login ke Akun Blogger Sobat
2. Klik  " Template >> Edit Html "
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}

5. SimpanTemplate

Ok Sekian trik kali ini semoga berhasil. salam silaturahmi Kolom Tutorial™

1 Response to "Membuat Gambar Membesar Ketika Disorot Mouse"

  1. gan, ane coba gagal, malah ada tulisan di atasnya waktu buka blog. mohon sarannya

    ReplyDelete

Terimakasih banyak atas kunjungannya, salam silatuhami M. Alex Joenaedi

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Visit Kabar Sehat