Hey sob? kali ini saya akan memperlihatkan sebuah cara bagimana caranya untuk menciptakan efek zoom otomatis (Auto Zoom) pada sebuah gambar atau foto di sebuah blog atau website, menciptakan imbas zoom pada blog ini maksudnya ialah bila kursor yang anda miliki menyentuh gambar yang ada dalam sebuah postingan blog, anda akan melihat sebuah gambar yang menyentuh kursor tadi menjadi besar seketika dan kembali mengecil bila kursor di pindahkan dari gambar tersebut tanpa harus mengkliknya.
Mungkin bagi sebagian blog membutuhkan fitur ini untuk blognya terutama pada sebuah blog yang mempunyai tutorial yang kebanyakan membutuhkan gambar pada sebuah blognya supaya memudahkan para pangunjung untuk melihat apa dalah sebuah gambar tersebut pada postingan. Membuat imbas zoom otomatis atau membesar pada sebuah blog selain sanggup mempermudah para pangunjung fitur ini juga sanggup sebagi menghias blog anda supaya terlihat lebih canggih. Oke bagi anda yang ingin mnambah fitur effect auto zoom pada blog ini silahkan saja pada cara berikut ini.
Cara Praktis menciptakan Effect Zoom pada Blog
1. Login pada blog anda.
2. Masuk pada sajian "Template" dan klik "Edit HTML".
3. Selanjutnya anda cari kode ]]></b:skin> (gunakan ctrl+f untuk mempermudah pencarian).
4. Letakan (Copy-Paste) aba-aba di bawah ini tepat diatas aba-aba ]]></b:skin> tadi.
.post img:hover {
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
5. Terakhir "Simpan" dan lihat hasilnya.
Tara selamat blog anda sudah mempunyai fitur memperbesar gambar otomatis pada blog anda.
Oke mungkin itu saja yang sanggup saya berikan mengenai artikel ini, semoga dengan apa yang sudah saya berikan ini sanggup bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapat informasi serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan sanggup isi pada kolom komentar anda. Terimakasih.
Sumber http://www.blogsejutaumat.com/