Cara Membuat Tulisan Berjalan Dengan Mudah

BeHangat.NetCara Membuat Tulisan Berjalan Dengan Mudah - Pada Kali ini admin BeHangat.Net akan menjelaskan bagai mana cara membuat tulisan berjalan atau marquee. Tak jarang kalian semua pernah melihat tulisan yang berjalan di suatu website atau media yang lain? pasti kalian berpikir bagai mana cara membuatnya pasti susah. Itulah mungkin yang ada di pikiran kalian pada saat itu. Namun sesungguhnya untuk membuat itu sangat mudah. Jika kalian tidak tahu cara membuatnya, maka kalian sudah tepat untuk masuk ke website ini untuk membaca dan mencobanya nanti.

Cara Membuat Tulisan Berjalan Marquee Dengan Mudah dengan HTML

Pada dasarnya, teks berjalan pada sebuah website digunakan sebagai media pemberitahuan, informasi pendek, ataupun hiburan (hiasan) semata. Pembuatan teks berjalan tidaklah sulit karena kita hanya perlu memanfaatkan elemen yang disediakan oleh HTML. HTML menyediakan elemen khusus yang disebut dengan marquee. Untuk lebih jelasnya, mari simak penjelasan dibawah ini :

Elemen marquee

Elemen marquee digunakan untuk membuat teks atau media lain (seperti gambar atau video) bergerak baik secara horizontal maupun vertikal. Saat ini beberapa browser sudah tidak lagi mendukung elemen marquee sehingga elemen ini jarang digunakan. Dibandingkan menggunakan marquee, Anda lebih dianjurkan menggunakan Javascript dan CSS. Tetapi pada artikel kali ini admin behangat.net akan membahas tentang penggunaan HTML marquee.

Untuk dapat membuat teks berjalan, Anda dapat menggunakan pasangan tag <marquee>Isi teks disini</marquee>. Pada tag <marquee> juga terdapat beberapa atribut seperti :

Kode Dasar Marquee

<marquee>Teks Berjalan</marquee>
Teks Berjalan
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus.

Loop atau Perulangan Marquee

<marquee loop="5">Teks Berjalan berulang 5 kali </marquee>
Teks Berjalan berulang 5 kali
Loop menentukan banyak perulangan yang dilakukan marquee. Angka 5 menunjukkan jumlah perulangan, setelah berjalan 5 kali marquee tidak akan muncul lagi

Jeda Waktu Marquee

<marquee scrolldelay="500">Teks Berjalan dengan delay 0,5 detik </marquee>
Teks Berjalan dengan delay 0,5 detik
Scroll delay menunjukkan jeda waktu marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.

Memberi Title Marquee

<marquee title="pesan tersembunyi">Teks Berjalan </marquee>
Teks Berjalan
Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.

Warna Background Marquee

<marquee bgcolor="FFF300">Teks Berjalan dengan warna latar belakang kuning </marquee>
Teks Berjalan dengan warna latar belakang kuning
Bgcolor mengatur warna background marquee. FFF300 menunjukkan kode warna HTML untuk warna kuning, dapat diganti dengan warna dasar red, green, blue, atau yellow.

Kecepatan Gerak Marquee

<marquee scrollamount="100">Teks Berjalan dengan kecepatan 100 </marquee>
Teks Berjalan dengan kecepatan 100
Scrollamount mengatur kecepatan gerak marquee. Angka 100 menunjukkan kecepatannya 100, kecepatan normal adalah 6.

Arah Gerak Marquee

<marquee direction="right">Teks Berjalan ke arah kanan </marquee>
Teks Berjalan ke arah kanan

<marquee direction="down" height="100">Teks Berjalan ke arah bawah </marquee>
Teks Berjalan ke arah bawah
Direction akan mengatur arah gerak marquee. Right menunjukkan arah pergerakan marquee ke kanan. Ada 4 arah yang bisa Anda gunakan :
  • up untuk gerak ke atas
  • right untuk gerak ke kanan
  • down untuk gerak ke bawah
  • left untuk gerak ke kiri (default)

Lebar dan Tinggi Marquee

<marquee width="300">Lebar Teks Berjalan 300px </marquee>
Lebar Teks Berjalan 300px

<marquee height="100">Tinggi Teks Berjalan 100px </marquee>
Tinggi Teks Berjalan 100px
Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing menggunakan px sebagai satuan.

Mengatur Jenis, Ukuran, dan Warna Font Marquee

<marquee style="font-family:arial; font-size:20px; color:#ffffff;">Jenis ukuran dan warna font pada Teks Berjalan </marquee>
Jenis ukuran dan warna font pada Teks Berjalan
Anda dapat mengatur jenis, ukuran, dan warna font menggunakan style.
  • font-family untuk jenis font
  • font-size untuk ukuran font
  • color untuk warna font

Sifat Marquee

<marquee behavior="alternate">Teks Berjalan memantul </marquee>
Teks Berjalan memantul
Behavior akan mengatur sifat marquee. Anda dapat mengatur marquee dengan 3 nilai :
  • scroll : marquee menghilang ketika menabrak sisi kiri (default)
  • slide : marquee berhenti ketika menabrak sisi kiri
  • alternate : marquee memantul ketika menabrak sisi

Membuat Link pada Marquee

<marquee><a href="http://behangat.net">Cara Membuat Tulisan Berjalan </a> </marquee>
Cara Membuat Tulisan Berjalan
Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.

Membuat Gambar Berjalan

<marquee><img src="https://4.bp.blogspot.com/-gcrxmcBzxuE/Wj2d1GTU-1I/AAAAAAAACqs/jnXcGVlRDLchZ19sS6WT0pGnjS-irQCFQCLcBGAs/s1600/LogoBeHangat2.png" /> </marquee>

Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.



Membuat Teks Berjalan Zig Zag

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">
<marquee direction="right" behavior="alternate" height="30">Teks Berjalan Zig Zag
</marquee>
</marquee>

Teks Tulisan Zig Zag
Teks yang berjalan zig zag dapat dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang memiliki atribut arah berbeda. Dalam contoh kita gunakan arah up dan right sehingga membentuk zig zag.


Itulah artikel tentang Cara Membuat Tulisan Berjalan Dengan Mudah, Jika kalian masih ada yang kurang mengerti silahkan bertanya di kolom komentar yang sudah tersedia di bawah artikel ini dan jangan lupa untuk share artikel ini agar semakin banyak orang orang yang mengetahui dan membaca karena dengan membaca kita jadi tahu.

Jika ada kesalahan kata BaHangat.Net minta maaf, dan semoga artikel ini berguna, bermanfaat. Terimakasih sudah membaca dan sudah mampir di BeHangat.net sampai jumpa di pertemuan berikutnya.

Trimakasih dan selamat Mencoba *-*

Jika Kamu Punya Artikel, Puisi, Sesuatu Yang Ingin Kamu Upload, Maka Kamu Bisa Kirim Ke Alamat Email Di Bawah Ini:
Email : puisibehangat@gmail.com
Sertakan Judul Beserta Foto/Gambar

Reaksi:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser