cara membuat gambar membesar ketika disorot mouse

cara membuat gambar membesar ketika disorot mouse

kadangkala kita melihat beberapa blog yang menyediakan fitur dimana hanya dengan mengarahkan mouse ke gambar maka secara langsung gambar tersebut akan membesar .
tentu nya hal tersebut akan membuat pembaca mudah melihat apa yang ada pada gambar .

dibawah ini saya akan menjelaskan cara membuat gambar membesar ketika disorot mouse :

1. Untuk membuat efek gambar membesar ketika disorot mouse, pertama login dulu ke akun blogger milik sobat.
2. Terus klik menu Rancangan » Edit HTML.
3. Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
4. Kemudian cari kode berikut ]]></b:skin>
5. Kalau sudah ketemu, letakkan kode dibawah ini tepat di atasnya.
   
   .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);}
6. Simpan template. Lihat perubahannya apakah sudah berubah atau belum.

Demikian lah cara  membuat gambar membesar ketika disorot mouse

Pengin Tahu Cerita dewasa Terbaru silahkan KLIK DISINI