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™

Berlangganan update artikel terbaru via email:

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 Alexjoen

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel