Tutorial Cara Membuat Gambar Membesar Saat Disentuh Kursor Mouse

Hallo pembaca blogku sekalian..
Tutorial kali ini saya akan memberikan cara membuat gambar membesar ketika disentuh kursor mouse, ketika anda menyentuh gambar tersebut akan membesar seperti kaca pembesar. Gimana caranya? Yuk langsung disimak saja.

1. Masuk Ke Akun Blogger Anda
2. Pilih Template dan Edit HTML
   
   
3. Cari kode ini ]]></b:skin> dengan mengetik CTRL + F
   
   
   
   
    
4. Lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
   
   
   
   
   Ini Kodenya dan jangan lupa di save template
   
   .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
   .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Nah.. Silahkan mencoba tutorial diatas. Selamat mencoba dan terima kasih sudah berkunjung, jangan lupa dishare yah....