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