Cara Membuat Gambar Membesar Saat Disentuh
Para Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor / mouse. Di dalam blogger fitur ini juga sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur ini sangat lumayan banyak disukai oleh para blogger, tapi fitur ini sebenarnya dengan memasang Image Zoom Effects akan menggangu pengunjung yang sedang membaca artikel kita.
Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat temen - temen yang ingin memasangnya silakan ikuti tutorial dibawah ini.
Cara Membuat Gambar Membesar Saat disentuh Cursor :
- Masuk ke akun blogger sobat.
- 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 berikut 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); } |
- Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Sampai disini dulu untuk artikel tentang Cara Membuat Gambar Membesar Saat disentuh Cursor dan semoga bermanfaat untuk kita semua....
Disalin dari Sumber Artikel: Ekamdt.Blgspot
0 comments:
Posting Komentar
Thank for your visit, leave your suggestions and comments in the fields below ...
Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.