Wednesday, March 13, 2013

Cara Membuat Gambar Membesar Bila Disentuh Cursor


http://caraterupdate.blogspot.com/2013/03/cara-membuat-gambar-membesar-bila-disentuh-cursor.htmlCara Membuat Gambar Membesar Bila Disentuh Cursor - Mungkin anda semua sudah pernah melihatnya, ketika cursornya kita arahkan ke gambar dalam suatu postingan, maka otomatis gambar tersebut membesar, Dengan menerapkannya di blog, maka bisa membuat blog anda terlihat lebih menarik dan unik. Script ini saya dapatkan dari blog tetangga sebelah loveheaven07 blog.



Adapun Untuk tampilannya anda bisa lihat gambar di postingan ini, anda tinggal arahkan saja cursor pada gambar tersebut maka akan terlihat efeknya. Bagi anda yang ingin tau  Cara Membuat Gambar Membesar Bila Disentuh Cursor, dan ingin menerapkannya pada blog anda, silahkan ikuti beberapa langkah singkat dibawah ini.

Cara Membuat Gambar Membesar Bila Disentuh Cursor :

1.Dashboard > Template > edit HTML
2.Expand Template Widget dan tick F3 atau CTRL + F bersamaan dan cari kode 
<head>
3.Letakkan kode di bawah ini di bawah kode <head>
<style>.post 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); }</style>
4.Tekan pratinjau dan simpan template.

Sekian - Cara Membuat Gambar Membesar Bila Disentuh Cursor

Semoga tutorial sederhana tentang Cara Membuat Gambar Membesar Bila Disentuh Cursor ini, bermanfaat dan selamat mencoba.

0 comments:

Post a Comment