membuat gambar membesar saat disentuh cursor
Membuat Gambar Membesar Saat disentuh Cursor | Tutorial Blog
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.
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.
Semoga tutorial singkat ini bisa bermanfaat..
this page by: http://wadahtutorial.blogspot.com/2013/04/membuat-gambar-membesar-saat-disentuh.html#to-bottom
Profile
i am the owner
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao.
Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae.
Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.
cbox
talk here
CBOX CODES HERE. MAX WIDTH 450PX. HEIGHT FREE.
2014 - Template made by Ika. Inspired and image for background are from cocorini. Thanks to afiqah and wana for the navigation thingy. do tell me if im not credit yours.
free page
anything here
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao.
Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae.
Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.
membuat gambar membesar saat disentuh cursor
Membuat Gambar Membesar Saat disentuh Cursor | Tutorial Blog
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.
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.
Semoga tutorial singkat ini bisa bermanfaat..
this page by: http://wadahtutorial.blogspot.com/2013/04/membuat-gambar-membesar-saat-disentuh.html#to-bottom
