Tutorial Teks Bergerak dengan Marquee

Cara membuat tulisan bergerak dengan marquee,,

Disini saya akan mengulas mengenai bagaimana membuat tulisan yang bergerak atau bisa kita sebut marquee.

ya, dengan kita memberikan hal yang unik pada tampilan blog kita, dapat lebih menarik minat  pembaca / pengunjung.

• cara membuat marquee atau teks berjalan

untuk membuat teks berjalan kita perlu memasukkan kode sebagai berikut:

<marquee> ini contoh tulisan bergerak biasa</marquee>

dan akan ditampilkan seperti ini;

Ini Contoh Tulisan Yang Bergerak Biasa

• cara membuat tulisan yang bergerak dari kanan kekiri

<marquee direction="left"> ini contoh tulisan bergerak dari kanan ke kiri</marquee>

dan hasilnya akan seperti ini;

Ini Contoh Tulisan Bergerak dari Kanan ke Kiri

• membuat tulisan bergerak dari kiri kekanan, disini kode yang kita pakai tidak jauh berbeda denngan yang bergerak dari kanan ke kiri, yaitu;

<marquee direction="right"> ini contoh tulisan bergerak dari kiri ke kanan</marquee>

dan hasil yang ditampilkan seperti ini;

Ini Contoh Tulisan Bergerak Dari Kiri ke Kanan

• adapun  jika ingin membuat tulisan yang memantul/bolak-balik dari kanan ke kiri dan sebaliknya.

<marquee behavior="alternate">ini contoh tulisan yang bergerak bolak-balik</marquee>

hasilnya akan terlihat seperti ini;

Ini Contoh Tulisan Yang Bergerak Bolak-balik

• tulisan yang bergerak/ muncul hanya setengah layar saja.

<marquee widht="50%"> ini contoh tulisan bergerak/muncul setengah layar</marquee>

dari kode diatas dapat kita lihat bahwa yang membuat tulisan tersebut hanya muncul setengah yaitu besar persennannya, kalau kita tulis 100% maka akan jadi utuh satu layar tulisan tersebut bergerak.

dan dari kose diatas akan ditampilkan seperti ini;

Ini Contoh Tulisan Bergerak/Muncul Setengah Layar

• untuk mengatur kecepatan pergerakan tulisan perlu kode scrollamount="angka" , dan semakin besar angka maka akan semakin kencang pula.

<marquee scrollamount="13">ini contoh marquee speed 13. . . </marquee>

dan hasilnya seperti yg dibawah ini;

Ini Contoh Marquee Dengan Speed 13. . .

• membuat tulisan bergerak turun, disini diperlukan penambahan kode height sebagai ruang bergerakan tulisan tersebut.

<marquee direction="down" height="80">ini contoh tulisan beergerak kebawah</marquee>

dan hasil yang akan ditampilkan seperti ini;

ini contoh tulisan beergerak kebawah

• untuk membuat tulisan/teks bergerak ke atas, kita hanya perlu mengubah

<marquee direction="down"  menjadi <marquee directin="up"

• memberikan background color pada tulisan/teks yang berjalan, disini saya menggunakan warna hijau bgcolor="35F297.

<marquee behavior="alternate" bgcolor="hijau" style="background-color: #35f297;">Contoh Tulisan Dengan Background Warna Hijau</marquee>

dan hasilnya adalah;

Contoh Tulisan Dengan Background Warna Hijau

                                   

                                         sekian dari saya, terimakasih atas kunjungannya
                                             semoga bermanfaat bagi kita semua, amin.