trik code ini bisa ditaruh pada widget / sidebar blog maupun posting - an blog / entri..
berikut tutorial nya...
1. Kode untuk text bergerak (dari kiri ke kanan adalah)
<marquee>Contoh scrolling text</marquee>
hasil untuk kode ini seperti berikut:
2. untuk mengubah gerakan,
tambahkan code berikutl.
direction="left"
direction="right"
direction="up"
direction="down"
Berikut contoh kode penambahan untuk pegerakan dari kanan ke kiri
<marquee direction="right" >Contoh scrolling text</marquee>
hasil untuk kode ini adalah
3.Ubah warna background
Untuk ubah background, bisa diletakkan kode berikut
bgcolor="#kod warna"
Contoh kode yang diberi background,
<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>Hasil untuk kode ini adalah
4. Yang ini ber gerak kanan-kiri.
tambahkan kode berikut
behavior="alternate"
contoh kode yang diletakkan pada trick ini.
<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>
Output untuk kod ini
5.Ubah kecepatan bergerak pada text yang bergerak.
kecepata text juga dapat diubah dengan menambah kode berikut pada code paling atas sendiri.
scrollamount="2"
Contoh kode pada trick blog .
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>
Output:
Scrollamount :2
Scrollamount :4
6. Pause / berhenti apabila cursor diarahkan pada text.
Perkataan yang bergerak juga dapat dihentikan apabila cursor diarahkan pada text. agar pengunjung mudah untuk membaca isi dari text yang dimasukkan.
Penambahan kode yang perlu dilakukan adalah
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kode pada blog seperti ini trick ini.
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>
output untuk trick ini.
Selamat mencoba...
No comments:
Post a Comment