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 saya berikan mengenai artikel ini, semoga dengan apa yang sudah saya berikan ini dapat bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapatkan info serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan bisa isi pada kolom komentar anda. Terimakasih.

Previous
Next Post »

► Dilarang meninggalkan link aktif
► Dilarang komentar yang mengandung sara, pornografi dsb.
► Semoga artikel bermafaat
► Terimakasih sudah berkomentar :)
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Powered by Blogger.