Cara Membuat Gambar Membesar Saat Disentuh Cursor

Cara Membuat Gambar Membesa Saat Disentuh Cursor – pada artikel sebelumnya penulis telah membahas Cara MengetahuiDuplikat Konten dan selanjutnya membahas seputar gambar yang menjadi besar ketika disentuh cursor.  Ternyata fitur ini sudah banyak ditutorialkan oleh teman – teman blogger yang bisa anda cari melalui search engine, google atau lainya. Dan penulis pun akan membagikanya lagi tentang tutorial ini secara singkat agar mudah dipahami oleh para pembaca maupun blogger pemula.

Cara Membuat Gambar Membesar Saat Disentuh Cursor seperti ini disebut dengan Image Zoom effects. Namun terkadang hal ini sedikit menganggu pengunjung yang akan membaca postingan anda, jadi bila anda ingin menggunakanya sebaiknya untuk artikel – artikel tertentu saja yang menampilkan gambar menarik sehingga perlu untuk diperbesar ketika disentuh oleh cursor.

Tutorial Cara Membuat Gambar Membesa Saat Disentuh Cursor

1. Masuk terlebih dahulu ke akun blogger, jika belum punya baca dahulu Cara membuat blog dengan Blogger.com

2. Kemudian menuju menu template dan pilih Edit HTML

3. Ceklist dahulu Expand Widget Template atau download dahulu template anda.

4. Cari kode ]]></b:skin>, agar lebih cepat gunakan fungsi CTRL+F pada keyboard untuk lebih cepat menemukan kodenya.

5. Jika sudah ketemu, letakkan kode dibawah ini tepat diatas kode]]></b:skin>

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); }

6. Terlebih dahulu lihat previewnya sebelum disave, jika benar – benar sudah yakin maka silahkan simpan template tersebut.

7. Kemudian coba lihat hasilnya setelah anda pasang kode diatas tadi.

Itu saja tutorial tentang Cara Membuat Gambar Membesar Saat Disentuh Cursor. Semoga dapat bermanfaat dan anda lekas mencobanya agar mengetahui hasilnya dan terima kasih