Tambahkan ticker ke situs web Anda menggunakan beberapa baris kode HTML dan CSS.
Juga dikenal sebagai marquees, ticker menggulir melintasi lebar layar tampilan, menyajikan pesan yang dirancang untuk dilihat dan dipahami secara sekilas. Biasanya digunakan di televisi untuk menampilkan sorotan berita atau data pasar saham, ticker terkadang juga muncul di Web. Dengan beberapa baris kode HTML dan Cascading Style Sheet (CSS), Anda dapat dengan cepat menambahkan jenis konten ini ke situs web Anda.
Langkah 1
Buka halaman Web Anda dan lihat kode HTML-nya. Jika Anda menggunakan alat pengeditan visual seperti Adobe Dreamweaver, buka halaman dan klik pada area di mana Anda ingin menambahkan ticker Anda. Ubah mode tampilan Anda ke Tampilan Kode. Ini menunjukkan kode HTML yang mengontrol tampilan halaman Anda. Jika Anda menggunakan editor teks, buka halaman Anda di editor dan gulir ke bawah ke bagian halaman tempat Anda ingin menambahkan ticker.
Video Hari Ini
Langkah 2
Tekan tombol "Enter" untuk memasukkan baris kosong.
Langkah 3
Salin dan tempel kode berikut ke baris kosong:
Kode ini mendefinisikan elemen tenda, yang menggeser konten melintasi layar dari kanan ke kiri secara default. Paragraf yang terdapat di antara tag marquee pembuka dan penutup adalah konten dalam contoh ini.
Langkah 4
Perbarui parameter kode agar sesuai dengan kebutuhan desain Anda. Tag tenda pembuka menggunakan aturan gaya CSS untuk menentukan warna latar belakang abu-abu muda, bersama dengan batas lebar 1 piksel abu-abu yang sedikit lebih gelap. Semua nilai ini dapat disesuaikan. Selain itu, ganti konten placeholder yang terletak di antara tag paragraf pembuka dan penutup dengan teks atau gambar Anda sendiri.
Langkah 5
Simpan halaman Anda dan buka di browser Web. Ticker muncul di layar di lokasi halaman yang Anda pilih di Langkah 1.
