Sudah lama sekali saya ingin memposting artikel tutorial tips trik ini, namun selalu saja saya lupa. Oke kali ini saya akan membuat efek gambar membesar ketika disorot mouse. Apa itu? Gini nih, jadi, gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar ketika ada mouse lewat diatasnya.
Seperti apa? contoh nya ada pada blog Gank-Zone ini. Coba saja buka salah satu postingan pada blog ini yang ada gambarnya, kemudian dekatkan mouse di atasnya, pasti tuh gambar akan membesar. Begitulah kira-kira penjelasan singkatnya.
Cara membuatnya seperti ini :
- Untuk membuat efek gambar membesar ketika disorot mouse, pertama login dulu ke akun blogger milik sobat.
- Terus klik menu Rancangan » Edit HTML.
- Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
- Kemudian cari kode berikut ]]></b:skin>
- Kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);} - Simpan template. Lihat perubahannya apakah sudah berubah atau belum.
Sampai di sini cara membuat efek gambar membesar ketika disorot mouse sudah selesai, jika kurang jelas atau ada kesalahan, hubungi saya. Sekian semoga bermanfaat.
↓ 36 komentar
salam blogger, saya mencari tutorial membuat widget di blog ini (>>> latest post, popular post, comment)... adakah tutorial di blog ini?
Terimakasih azonme atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousesaya sudah nyari belum nemu...
email aq ya: azonme@gmail.com
Iya maaf sob belum diposting, secepatnya ya diposting.
mantap sob,,.....
Terimakasih Anonim atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousemakasih informasinya mas sangat membantu :D
Terimakasih lintasartikel atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseSama sama sob. Makasih juga udah berkunjung.
boleh juga sob ne di terapin di blog ane..
Terimakasih Unknown atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousesilakan dicoba sob
trima ksih sob.. udah brhasil ane..
Terimakasih Unknown atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousewah, bagus sob, makasih udah mampir
sobaat , kalo mau lebih besar ukurannya apanya yang di ganti ?? , mohon pencerahannya ya sob , terimakasih
Terimakasih Taufik Insan Kamil atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mouseganti aja yang bagian ini sob,
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
yang 1.2 ganti aja (angkanya gedein).
makasih infonya sangat bermanfaat sekali, nice posting
Terimakasih Anonim atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousewah,,makasih nih info,a,,!!
Terimakasih Surya.C.G atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mouse@Rudy Hartono oke sob, makasih juga udah mampir
@Surya.C.G oke sob, makasih juga udah mampir
thanks info na gan....
Terimakasih Vandawablog atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousemaju truzzz,,,,
mapir gan di :http://bangvandawablog.blogspot.com
Terima kasih mas sudah saya terapkan pada blog saya dan berhasil bisa anda chek sendiri..
Terimakasih Istana Balon atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseBlog saya juga memakai script pembesaran foto otomatis....
Terimakasih Black Market7 atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousesangat berguna, thanks..
Terimakasih Infonakke atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousevisit my blog www.infonakke.blogspot.com
nice tutorial bos..
Terimakasih Unknown atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousepertamax gan, web saya gan tolong di join ya, tapi masih amatiran gan, nih www.d-1hack.blogspot.com
Terimakasih Unknown atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousethanks infonya bermanfaat,...
Terimakasih Kolom Blog Gratis atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousemudah2an yg ini bisa berhasil :D
Terimakasih Unknown atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseKeren mas, ijin nyoba, makasih sebelumnya.
Terimakasih manadoparabola atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseMakasih undah berbagi informasi
Terimakasih Pengobatan Penyakit Stroke Secara Alami atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseInformasinya sangat bermanfaat
Terimakasih Pengobatan Penyakit Jantung Secara Alami atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseBisa di pake
Terimakasih Pengobatan Penyakit Radang Usus Alami atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseInformasi yang menarik
Terimakasih Obat Penyakit Serangan Jantung Herbal atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseKunjungan pagi gan, makasih untuk informasinya, izin untuk menyimak
Terimakasih Cara Menyembuhkan Vertigo atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseSelamat pagi, ikut nyimak artikelnya..
Terimakasih Obat Penyakit Kanker Otak Herbal atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseMau mampir dan menyimak isi artikelnya, selamat pagi
Terimakasih Obat Penyakit Kanker Hati Herbal atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseSelamat pagi..selamat menjalankan semua katifitas..semoga selalu sukses
Terimakasih Obat Penyakit Diabetes Melitus Tipe 2 Herbal atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseTerimakasih untuk informasinya, sangat bermanfaat
Terimakasih Cara Cepat Sembuhkan Penyakit Lupus atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousekeren sob ilmunya.... ijin prakterk.....
Terimakasih Anonim atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot Mousebila berkenan kunjungi blog ane Danny-gitaronline,,,,, terimakasih
Kunjungan sore
Terimakasih Cara Pesan TricaJus atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MouseIkut nyimak ajah ah
Terimakasih Testimoni TricaJus atas Komentarnya di Membuat Efek Gambar Membesar Ketika disorot MousePosting Komentar
Silahkan berkomentar pada blog ini dengan baik dan sopan. Jadilah Top Komentator Untuk Mendapatkan Backlink Gratis!!!