Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

Efek zoom pada gambar di blog, wordpress, website tidak hanya memudahkan pengunjung untuk melihat gambar yang sangat kecil dan tidak terlihat, tetapi juga membuat teks di dalamnya lebih besar dan lebih jelas, membuat website lebih menarik. Efek ini dapat memperbesar gambar ketika kursor gambar/gambar teks dilayangkan, kemudian secara otomatis memperbesar gambar tanpa klik manual, dan memperbesar lagi ketika kursor menjauh dari gambar. Cara memasang efek auto zoom/zoom gambar di blogspot ini juga sangat mudah bagi blogger karena tidak banyak menggunakan javascript, jquery atau php tetapi menyematkan/menambahkan kode css di html blog.

Kali ini di blog yang lalu, saya akan membagikan cara membuat efek zoom gambar , bagi teman-teman yang ingin memperbesar gambar blog secara otomatis ketika kursor melayang di atas gambar, ikuti langkah demi langkah di bawah ini. .

Cara membuat optimasi otomatis pada blog.

1. Buat efek zoom gambar di atas dengan masuk ke menu Templates dan klik Edit HTML.

2. Kemudian cari ]]> kode Atau , gunakan Ctrl+F untuk memudahkan pencarian

3. Setelah itu masukan kode berikut diatas kode ]]> Atau :

.posting img: arahkan kursor {
-- Transisi. Setiap 0,9 detik;
-moz-transisi: setiap 0,9 detik;
-Konverter webkit. Setiap 0,9 detik;
-moz-transform:skala(1.7);
-o-transform:skala(1.7);
-transform web kit. skala (1.7);
}

Jika tersedia, Anda dapat mengklik Simpan Template. Selesai dan lihat hasilnya

Nah berikut ini cara mudah dan cepat membuat efek zoom pada gambar blog.

silakan coba