Pagi Sob Kali Ini Saya Akan Sedikit Berbagi Pengetahuan Yaitu
Tentang Cara
Membuat Gambar Membesar Apabila Di Sentuh Dengan Kusor .Mungkin
Sebagian Blogger Sering Melihat Gambar Yang Menjadi Besar Apabila Tersentuh
Cursor. 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.
Postingan Ini Saya Buat Untuk Melengkapi
Tutorial Di Blog Ini, Buat Sobat Yang Ingin Memasangnya Silakan Anda Ikuti
Tutorial Dibawah Ini.
- Masuk ke akun blogger sobat DISINI
- Pilih Template > Edit HTML.
- 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); }
.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); }
Sekian Dulu Ya Sob Semoga Bermanfaat Untuk Sobbat
Semua :) Dan Selamat Mencoba ...
Coment Disini !
BalasHapusOla amigo, tenha otima sexta feira. Abraços do Brazil...
BalasHapushttp://novajerusalemdecristo.blogspot.com.br/
Supaya seperti gambar produk di toko online ya...:)
BalasHapusya kira kira seperti itu :)
Hapus