Cara membuat gambar membesar saat di sentuh
para Blogger sering melihat gambar yang menjadi besar apabila tersentu cursor/mouse.
Didalam blogger fitur ini juga sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects.
Fitur ini sangat mulayan banyak disukai oleh para blogger,
tapi fitur ini sebenarnya dengan memasang image Zoom Effects akan mengganggu pengunjung yang sedang membaca arikel kita.
Postingan ini dibuat untuk melengkapi Tuturial di blog ini, buat sahabat-sahabat yang ingin memasangnya silahkan ikuti tutorial dibaha ini.
Cara Membuta Gambar Membesar saat disentuh Cursor.
Masuk ke akun blogger sobat..
Pilih Template-->Edit HTML
Ceklis/ Conteng Expand Widget Template
Cari kode ]]> </b;skin>,gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
Kalau sudah ketemu, kopipas dan letakab kode berikut tepat di atas kode ]]></b:skin>
-------------------------------------------------------------------
.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); }
--------------------------------------------------------
Jika gagal diatas! silahkan ganti dengan di bawah ini;
--------------------------------------------------------
.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.
Sampe disana dulu untuk artikel tentang Cara Membuat Gambar Membesar Saat
disentuh Cursor dan semoga bermanfaat untuk kita semua....
Sumber Artikel:ekamdt
https://ekamdt.blogspot.com/2016/08/cara-menghapus-sidebar-blog.html
flimban.blogspot.com
