Kamis, 28 Maret 2013
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
TULISAN ANDA
<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
TULISAN ANDA
3.Mengubah warna background pada tulisan yang bergerak
Untuk mengubah background, perlu diletakkan kode berikut
<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
TULISAN ANDA
4. Membuat tulisan bergerak bolak balik
Penambahan kode berikut.
<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.
TULISAN ANDA
5.Mengubah kecepatan bergerak tulisan
Dengan menambah kode berikut
<marquee behavior="alternate" bgcolor="#99CCFF">TULISAN ANDA</marquee>
5.Mengubah kecepatan bergerak tulisan
Dengan menambah kode berikut
scrollamount="2"
Contoh kode dengan trick ini.
TULISAN ANDA
<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.
TULISAN ANDA
sekian tutorial ini ,semoga bermanfaat bagi pembaca .Terima kasih telah membaca.
<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 .Terima kasih telah membaca.
