Salam Pembaca Blog di label tutorial blog, Dengan membuat tulisan menjadi bergerak dapat menarik minat pengunjung terhadap pergerakan tersebut dan menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog. Selain dikenali sebagai scrolling text, juga dikenali sebagai marquee text.
Berikut adalah tutorial untuk cara membuat tulisan bergerak di blog
1. Kode dasar untuk tulisan bergerak dari kiri ke kanan
<marquee>TULISAN ANDA</marquee>
2. Mengubah arah pergerakan tulisan
Penambahan kode berikut diperlukan kedalam kode dasar.
direction="left"
direction="right"
direction="up"
direction="down"
direction="right"
direction="up"
direction="down"
Berikut contoh kode untuk pegerakan dari kanan ke kiri
<marquee direction="right" >TULISAN ANDA</marquee>
3.Mengubah warna background pada tulisan yang bergerak
Untuk mengubah background, perlu diletakkan kode berikut
bgcolor="#kod warna"
Contoh kode yang diletakkan background
Contoh kode yang diletakkan background
<marquee direction="right" bgcolor="#99CCFF">TULISAN ANDA</marquee>
4. Membuat tulisan bergerak bolak balik
Penambahan kode berikut.
behavior="alternate"
contoh kode yang diletakkan trick ini.
<marquee behavior="alternate" bgcolor="#99CCFF">TULISAN ANDA</marquee>
5.Mengubah kecepatan bergerak tulisan
Dengan menambah kode berikut
scrollamount="2"
Contoh kode dengan trick ini.
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">TULISAN ANDA</marquee>
6. Berhenti jika kursor diarahkan
Tulisan yang bergerak juga dapat dihentikan apabila kursor diarahkan. ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.
Penambahan kode yang perlu dilakukan adalah
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kode dengan trick ini.
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10" >TULISAN ANDA</marquee>
sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.Salam pembaca label tutorial blog !!