0 Membuat beberapa macam teks berjalan di blog

Haii sobattt taww gak bagaimana caranya membuat teks berjalan di blog atau website, kalau belum taw mari simak berikut.

1. Buat teks berjalan dari kanan ke kiri (default)

get code 

<marquee> letakan tulisan anda disini </marquee>
 Result

Letakan tulisan anda disini

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

get code

<marquee behavior="scroll" direction="right" height="50" width="auto">Bocahsampah.blogspot.com</marquee>
Result

Bocahsampah.blogspot.com

3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)

get code

<marquee behavior="scroll" direction="left" scrollamount="5">Teks bergerak lambat</marquee> <marquee behavior="scroll" direction="left" height="100" scrollamount="20" width="auto">Teks bergerak lebih cepat</marquee>
Result

Teks bergerak lambat Teks bergerak lebih cepat

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

get code

<marquee behavior="alternate">bocahsampah.blogspot.com</marquee>

bocahsampah.blogspot.com

5. Membuat teks berjalan dengan background merah

get code

<marquee bgcolor="blue" height="50" width="auto"> Teks berjalan dengan background merah </marquee>

Teks berjalan dengan background Merah

6. Membuat teks bergerak dari bawah ke atas

get code

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

Teks bergerak dari bawah ke atas

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

get code

<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://bocahsampah.blogspot.com/">Bocahsampah official blog</a></br> <a href="http://www.google.com/">google</a></br> <a href="http://www.youtube.com/">youtube</a></br> <a href="http://www.amikom.ac.id/">Kampusku</a></br> </marquee> </b> </div>
Result

Bocahsampah official blog
google
youtube
Kampusku

8. Membuat teks bergerak dari kanan ke kiri,  berhenti jika penunjuk mouse berada di

atas teks area.

get code

<center> <marquee direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'> Selamat datang di bocah sampah official blog, blog sederhana namun banyak manfaatnya, selamat belajar, semangat teruss yaaa.... jangan lupa tinggalkan jejak anda </marquee> </center>
Result

Selamat datang di bocah sampah official blog, blog sederhana namun banyak manfaatnya, selamat belajar, semangat teruss yaaa.... jangan lupa tinggalkan jejak anda

Terima kasihh...

Komentar →