Cara Membuat Efek Zoom Otomatis pada Gambar di Blog

    Hey sob? kali ini saya akan memberikan sebuah cara bagimana caranya untuk membuat efek zoom otomatis (Auto Zoom) pada sebuah gambar atau foto di sebuah blog atau website, membuat efek zoom pada blog ini maksudnya adalah jika 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 jika kursor di pindahkan dari gambar tersebut tanpa harus mengkliknya.

Mungkin bagi sebagian blog membutuhkan fitur ini untuk blognya terutama pada sebuah blog yang memiliki tutorial yang kebanyakan membutuhkan gambar pada sebuah blognya agar memudahkan para pangunjung untuk melihat apa dalah sebuah gambar tersebut pada postingan. Membuat efek zoom otomatis atau membesar pada sebuah blog selain dapat mempermudah para pangunjung fitur ini juga dapat sebagi menghias blog anda agar terlihat lebih canggih. Oke bagi anda yang ingin mnambah fitur effect auto zoom pada blog ini silahkan saja pada cara berikut ini.

Cara Mudah membuat Effect Zoom pada Blog

1. Login pada blog anda.

2. Masuk pada menu "Template" dan klik "Edit HTML".

3. Selanjutnya anda cari kode ]]></b:skin> (gunakan ctrl+f untuk mempermudah pencarian).

4. Letakan (Copy-Paste) kode di bawah ini tepat diatas kode ]]></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);
}

5. Terakhir "Simpan" dan lihat hasilnya.

Tara selamat blog anda sudah mempunyai fitur memperbesar gambar otomatis pada blog anda.

Oke mungkin itu saja yang bisa kita berikan mengenai artikel "Cara Membuat Efek Zoom Otomatis pada Gambar di Blog" ini, semoga dengan apa yang sudah kita berikan ini dapat bermanfaat bagi Kalian. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan bisa isi pada kolom komentar. Terimakasih.