Cara Membuat Tulisan Berjalan( Marquee)
Gimana caranya membuat tulisan berjalan?
Tulisan ataupun bacaan berjalan ataupun running text ini biasa pula kita sebut marquee, sebab dasar membuatnya memakai kode marquee. Tulisan ini dapat membuat web kamu nampak lebih menarik untuk pengunjung
Untuk membuat tulisan berjalan ataupun Marquee ini sesungguhnya sangat gampang. Kali ini kita akan membuat sebagian tipe marquee, supaya lebih banyak variasi yang dapat kamu pilih. Terlebih dahulu kita hendak belajar membuat kodenya, kemudian belajar Cara memasangnya pada web....
Kode dasar membuat marquee ataupun tulisan berjalan sebagai berikut....
<marquee>TULISAN YANG AKAN BERGERAK</marquee>
Kode di atas akan nampak semacam ini:
selain kode di atas terdapat beberapa tambahan kode yang dapat kamu bagikan buat membuat alterasi dari marquee. Di dasar ini kita hendak bagikan kodenya serta sekalian mempraktikkan marquee tersebut....
kode scrolldelay=" angka" digunakan buat mengendalikan sela waktu dalam milidetik, jadi buat sela waktu 1 detik masukkan nilai 1000
Contoh kode:
<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>
Hasilnya akan nampak seperti di bawah ini:
kode loop=" angka- 1infinite" digunakan buat mengatur pengulangan ataupun repetisi dari marquee
Keterangan: Sesudah 3 kali teks bakal hilang.
Contoh kode:
<marquee loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>
Hasilnya akan seperti di bawah ini
kode width=" lebar" digunakan buat mengatur lebar media teks berjalan, bisa dalam satuan pixel ataupun persen dari bidang yang ada
Contoh kode:
<marquee width="50%">MARQUEE LEBAR 50 PERSEN</marquee>
Hasilnya akan seperti di bawah ini:
kode bgcolor=" warna" digunakan untuk memberikan warna latar pada marquee bila diperlukan
Contoh kode:
<marquee bgcolor="yellow">RUNNING TEXT LATAR KUNING</marquee>
Hasilnya akan seperti di bawah ini:
kode title=" pesan" digunakan untuk memunculkan pesan bila kursor mouse diletakkan di teks yg sedang berjalan
Contoh kode:
<marquee title="BISA TERBACA PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee>
Hasilnya akan seperti di bawah ini:
kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:
<marquee scrollamount="14">MARQUEE SPEED 14!!!</marquee>
Hasilnya akan seperti di bawah ini:
kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:
<marquee direction="right">MARQUEE BERGERAK KE KANAN</marquee>
Hasilnya akan seperti di bawah ini:
kode behavior=" scroll/ slide/ alternate" digunakan buat mengatur type pergerakan
Scroll bila mau teks bergerak terus ke sesuatu sisi serta muncul dari sisi lain
Slide bila mau teks bergerak sekali setelah itu berhenti dan diulangi lagi
Alternate bila mau teks nampak memantul/ bouncing dari ujung kembali ke ujung.
Contoh kode:
<marquee behavior="alternate">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Hasilnya akan seperti di bawah ini:
saat ini kita bakal coba membuat modifikasi dari kode di atas. Kita bakal membuat teks ini bergerak turun dan oleh sebab itu kita butuh menambahkan kode height untuk membuat ruang pergerakan teks;
Contoh kode:
<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
Hasilnya...
Lalu bagaimana caranya membuat tulisan bisa berhenti jika dilintasi kursor mouse?
Mudah, silahkan tambahkan kode ini:
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti di bawah ini:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Hasilnya akan seperti di bawah ini:
Bisakah Marquee diberi link?
Tentu saja bisa, sebagai contoh coba lihat kode berikut ini:
<marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="https://alatbisnisonlineterbaru.blogspot.com/2019/07/kursus-teknik-seo-terlengkap.html">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a>
</marquee>
Hasilnya akan seperti di bawah ini
Demikianlah berbagai macam cara untuk membuat teks berjalan. Mudah-mudahan ini bisa menjadi alternatif dalam menghias blog menjadi lebih menarik. Silahkan bereksperimen untuk mencoba kode-kode di atas.
Semoga Bermanfaat
alatbisnisonlineterbaru
0 Response to "Cara Membuat Tulisan Berjalan( Marquee)"
Posting Komentar