Cara Membuat Rollover Gambar Untuk Email Dan Halaman Produk

Gambar yang berubah untuk menunjukkan yang berbeda ketika kursor Anda berada di atasnya disebut Rollover Images. Mereka adalah cara yang luar biasa untuk menampilkan produk atau membuat konten lebih interaktif untuk pengunjung. Gambar-gambar ini banyak digunakan dalam email pemasaran juga di mana mungkin mereka kurang diterima. Gambar dibuat dengan CSS dan HTML tetapi jika Anda mencari metode berbasis UI sederhana untuk membuatnya, Alat Rollover dari FreshInbox adalah apa yang kamu butuhkan.

Sebelum Anda mulai, pastikan Anda memiliki dua gambar yang ingin Anda sertakan dalam gambar rollover. Dari dua gambar, satu akan muncul ketika kursor tidak diposisikan di atasnya, sementara yang lain akan muncul ketika kursor bergerak ke gambar. Gambar Anda bisa dalam format PNG atau JPG. Unggah mereka ke cloud drive atau layanan berbagi gambar seperti Imgur dan kemudian menuju ke alat Rollover dari FreshInbox.

Di URL Gambar Utama, masukkan URL gambar yang akan muncul ketika kursor mouse tidak diposisikan di atas gambar. Tentukan lebar dan tinggi gambar, dan di URL Gambar Alternatif, masukkan URL gambar yang akan muncul ketika kursor diposisikan di atasnya.

Selanjutnya, masukkan URL pengalihan di kotak ‘Tautan’. Jika pengguna mengklik gambar rollover Anda, mereka akan dibawa ke URL yang Anda masukkan di sini. Masukkan teks ALT dan klik ‘Hasilkan. Anda akan melihat pratinjau gambar di sebelah kanan dan mendapatkan kode untuk menambahkan gambar ke situs web atau email Anda.

Jika Anda ingin gambar responsif, aktifkan opsi ‘Skala gambar ke lebar wadah’ tetapi lakukan hanya jika Anda tahu cara bekerja dengan wadah. Biarkan opsi tidak dicentang untuk gambar rollover normal. Untuk menyisipkannya dalam email atau halaman web, salin kode dan rekatkan di dalam tag yang dimaksudkan untuk mis. Pos untuk email dan Body untuk halaman web. Hanya itu yang diperlukan untuk membuat gambar rollover.

Kunjungi alat Rollover FreshInbox