Cara Membuat Efek Zoom Pada Gambar Di Blog Terbaru

Efek memperbesar gambar di blog, WordPress, situs web tidak hanya memudahkan pengunjung untuk melihat gambar yang sangat kecil dan tidak mencolok, tetapi teks di dalamnya menjadi lebih besar dan lebih jelas, yang membuat situs lebih menarik. Efek ini dapat memperbesar gambar. Ketika kursor/penunjuk ditempatkan di atas gambar dalam posting/artikel, gambar akan secara otomatis mengembang tanpa perlu mengklik manual terlebih dahulu, dan menyusut lagi ketika kursor dihapus dari gambar. Bahkan memasang efek auto zoom/kaca pembesar ini di blogspot sangat mudah bagi blogger karena tidak menggunakan banyak javascript, jquery atau php tetapi cukup mengupload/menambahkan kode css ke html blog.

Kali ini , saya akan membahas cara membuat efek zoom gambar di postingan blog terbaru . Ikuti panduan langkah demi langkah untuk teman Anda yang ingin memperbesar gambar blog secara otomatis saat mengarahkan kursor ke gambar. .

Untuk menghasilkan gambar blog yang lebih besar secara otomatis:

1. Perbesar gambar di atas dengan masuk ke menu Templates dan klik Edit HTML.

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

3. Selanjutnya masukan kode berikut diatas kode]]> atau :

.posting gambar: arahkan {
-o transisi: setiap 0,9 detik;
- transisi moz: setiap 0,9 detik;
- Transisi Webkit: setiap 0,9 detik;
-moz-transform: skala (1.7);
-o-transform: skala (1.7);
-transformer-webkit: tangga (1.7);
}

Jika sudah, Anda bisa klik Save Template. Selesai dan lihat hasilnya

Jadi, gambar blog kami menunjukkan cara membuat efek zoom dengan cepat dan mudah.

silahkan coba