code marqure

Secara umum cara membuat teks berjalan di blog bisa menggunakan kode dasar html seperti di bawah ini
1. Buat teks berjalan dari kanan ke kiri (default)

Kode

<marquee> Membuat teks berjalan </marquee>

Hasil :

Membuat teks berjalan

2. Membuat teks berjalan dari kiri ke kanan (direction)

Kode:

<marquee behavior=”scroll” direction=”right” height=”50″ width=”auto”>Teks berjalan dari kiri ke kanan</marquee>

Hasil:

Teks berjalan dari kiri ke kanan

3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount=”30″
Kode:

<marquee behavior=”scroll” direction=”left” scrollamount=”5″>Teks bergerak lambat</marquee>
<marquee behavior=”scroll” direction=”left” height=”100″ scrollamount=”30″ width=”auto”>Teks bergerak lebih cepat</marquee>

hasil:

Teks bergerak lambat
Teks bergerak lebih cepat

4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Kode:

<marquee behavior=”alternate”>Teks berjalan bolak balik</marquee>

Contoh hasil-nya:

Teks berjalan bolak balik

5. Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata “blue” pada kode bgcolor=”blue” , warna lain bisa dilihat disini tabel warna

Kode:

<marquee bgcolor=”blue” height=”50″ width=”auto”>
Teks berjalan dengan background biru
</marquee>

Contoh tampilan:

Teks berjalan dengan background biru
6. Membuat teks bergerak dari bawah ke atas
Kode:

<marquee behavior=”scroll” direction=”up” height=”200″ width=”auto”>
Teks bergerak dari bawah ke atas
</marquee>

untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction=”up” menjadi direction=”down”

Contoh:

Teks bergerak dari bawah ke atas

7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)
Kode:

<div style=”border: 1px solid rgb(202, 61, 217); height: 180px; overflow: auto; padding: 5px;”>
<b>
<marquee behavior=”scroll” scrollamount=”3″ direction=”up”></br>
<a href=”http://artikelkomputerku.blogspot.com/”>Artikel Komputer</a></br>
<a href=”http://www.komputerseo.com/”>Komputer SEO</a></br>
<a href=”http://mycomputerdummies.blogspot.com/”>My Computer Dummies</a></br>
<a href=”http://dummy-ku.blogspot.com/”>Dummy-ku</a></br>
</marquee>
</b>
</div>