Kembali lagi aku ingin berbagi kepada sobat blogger bagaimana Cara Membuat Efek Zoom Pada Gambar Postingan blog atau web. memang cara ini sudah begitu lama di terapkan oleh sobat blogger namun tak ada salahnya kalau aku mengulas lagi artikel Membuat Efek Zoom Pada Gambar Postingan agar sobat blogger yang masi pemula akan tahu.
sebenarnya cara ini mudah sekali dan tak merepotkan kalian dengan tambahan kode sedikit maka efek zoom untuk gambar postingan kalian akan berubah total. dan ini menjadi kebanggaan yang unik bagi sobat blogger yang baru. nah kalian bisa lihat efek zoom di postingan bawah ini atau juga bisa lihat di blog World Cinema Movies.
kalau kalian sudah melihat gambar diatas silahkan kita mulai tutorial membuat efek zoom pada gambar postingan:
1. silahkan langsung saja kalian login ke blogger.
2. silahkan menuju edit tamplate . jangan lupa untuk centang expant widget.
3. cari kode ]]</b;skin>
4. kalau sudah ketemu silahkan copy kede dibawah ini dan paste diatasnya.
.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3) ;
-ms-transform: scale(1.2) ;
transform: scale(1.3) ;}
NB : kalau dalam template kalian ada kode .post img:hover sebelum kode yang kalian taruh alangkah baiknya kalau kalian hapus dulu.
mungkin hanya itu yang bisa aku bagikan buat kalian cara membuat efek zoom pada gambar atau image postingan di blog dan aku harap postingan ini bermanfaat buat sobat blogger. semoga blog kalian akan semakin maju dari pada blog ini. semoga sukses danhappy blogging.
Sangat membantu sobat, terima kasih sudah menemukan caranya pada blog oni.
BalasHapusgak work gan..
BalasHapusgak work bagaimana bisa kirim url nya biar saya lihat struktur tampltenya
BalasHapusgagal gan , urlnya http://www.bosacemaxs.com/
BalasHapus@bos acemaxs
BalasHapusterima kasih kunjungannya gan... sebenarnya sudah working di tamplate agan..namun kalau aku lihat silahkan hapus kode ini
.post img:hover{border: 1px solid #ccc; }
coba dulu gan semoga berhasil...
toppp..
BalasHapushttp://goo.gl/GgAnn
langsung coba dehh gann.
BalasHapusThanks ea gan....!!!
BalasHapusdah sangat membantu se x...!!!!
join bareng ea!!
http://master7chris.blogspot.com/
tq
Sipp gan
BalasHapuswww.kumpulanapk.com
BalasHapusmaaf gan, pas aku coba ternyata not working.
BalasHapusMohon pencerahannya..
@irpan sah
BalasHapusBisa kirim link blognya...saya akan cek template sobat