Pernahkah kamu melihat di blog atau web orang lain apabila kamu mengarahkan kursor mouse dan menyentuh gambar postingan tersebut tiba-tiba gambar membesar dan apabila kursor diarahkan ke tempat yang tidak ada gambar, maka gambar tersebut kembali seperti semula. Nah.. dalam dunia blogging fitur seperti ini sering disebut dengan nama
Image Zoom Effects atau
Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang
Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
Cara membuat Gambar membesar disaat Cursor menyenuh :
- Masuk ke akun blogger Kamu.
- Pilih Template > Edit HTML.
- Ceklis / Centang Expand Widget Template.
- Cari kode ]]></b:skin>, gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
- Kalau sudah ketemu, letakkan kode dibawah ini tepat di atas 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. Terakhir klik
Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Demikianlah Cara membuat Efek Gambar Membesar Disaat Kursor Menyentuh, semoga bermanfaat.
Title : Cara Membuat Image Zoom Effects atau Gambar Membesar Saat Disentuh Cursor
Description : Pernahkah kamu melihat di blog atau web orang lain apabila kamu mengarahkan kursor mouse dan menyentuh gambar postingan tersebut tiba-tiba g...