Cara 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>
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