Cara Membuat Imbas Zoom Pada Gambar Di Blog Terbaru

Efek Zoom pada gambar di blog, wordpress, situs web selain untuk memudahkan hadirin semoga mampu melihat gambar yang terlalu kecil dan tidak kelihatan tulisan di dalamnya menjadi lebih besar dan terang juga bisa menciptakan situs menjadi lebih menawan. Efek ini mampu memperbesar gambar ketika cursor / pointer diarahkan ke sebuah gambar yang ada di postingan / postingan maka gambar tersebut akan membesar secara otomatis tanpa mesti di klik manual dahulu dan akan mengecil kembali bila kursor dipindahkan dari gambar tersebut. Cara pasang fitur imbas auto zoom / pembesar image ini pada blogspot juga sungguh mudah bagi para blogger alasannya adalah tidak menggunakan banyak javascript, jquery atau php namun cuma dengan memasang / menyertakan beberapa instruksi CSS di html blog.

Kali ini saya akan share gimana Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru, silahkan ikuti panduan langkah langkah berikut lengkap beserta gambarnya buat teman yang ingin memperbesar gambar blog secara otomatis dikala cursor diarahkan ke gambar tersebut.

Cara Membuat Efek Zoom Image Di Blog Secara Otomatis :

1. Bikin imbas zoom gambar mirip diatas yakni dengan cara masuk ke sajian Template dan klik Edit HTML

2. Kemudian cari kode  ]]> atau , gunakan Ctrl+F untuk mempermudah pencarian

3. Setelah itu masukkan kode berikut tepat diatas kode ]]> atau :

.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);

Jika sudah sobat mampu klik Simpan template.. Selesai dan lihat alhasil

Nah itulah bagaimana cara menciptakan imbas zoom pada gambar di blog dengan mudah dan cepat.

Silahkan dicoba
Sumber http://carazain.blogspot.com/