Cara Membuat Teks Berjalan

Cara Membuat Teks Berjalan Di Blog

Pernahkah anda melihat tulisan yang mondar-mandir di suatu blog?Saya rasa pasti pernah.Teks yang bisa berjalan ini biasa disebut dengan nama marquee.Mengapa disebut marquee?karena dalam pembuatannya menggunakan tag <marquee>.Fungsi dari marquee ini hanyalah sebatas sebagai hiasan saja,hampir sama dengan headline news cuma yang ini lebih mudah ngatur gerakan yang di inginkan.Anda yang tertarik ingin memasang tulisan berjalan di blog anda ikuti terus tutorial ini.

CaraMembuat Teks Berjalan Di Blog

1.Kode dasar untuk membuat teks berjalan adalah

<marquee>TEKS BERJALAN </marquee>

TEKS BERJALAN

2.Kecepatan gerak atau scrollamount.

Scroll amount untuk mengatur kecepatan gerak marquee.angka 2 menunjukkan kecepatan geraknya.Kecepatan normal scroll amount adalah 6

• Berjalan dari kanan ke kiri

<marquee direction="left" scrollamount="2"align="center">CONTOH TEKS BERJALAN</marquee>

CONTOH TEKS BERJALAN

• Scrollamount dari kiri ke kanan

<marquee direction="right" scrollamount="2"align="center">CONTOH TEKS BERJALAN</marquee>

CONTOH TEKS BERJALAN

3.Perulangan marque atau loop

<marquee     loop="5">TEKS BERJALAN BERULANG 5 KALI</marquee>

Loop menentukan banyaknya perulangan yang di lakukan.Angka 5 menunjukkan jumlah perulangan,setelah berjalan 5 kali marquee tidak akan muncul.Hasilnya

TEKS BERJALAN BERULANG 5 KALI

4.Jeda waktu marquee atau scrolldelay

<marquee  scrolldelay="500">TEKS BERJALAN DENGAN JEDA WAKTU 0.5 DETIK</marquee>

Scroll delay menunjukkan jeda waktu marquee.angka 500 memiliki satuan milidetik,jadi sama dengan 0.5.yang artinya teks akan berjalan setiap 0.5 detik

TEKS BERJALAN DENGAN JEDA WAKTU 0.5 DETIK

5.Memberi Title marquee atau pesan

<marquee                 title="pesan               tersembunyi">TEKS BERJALAN</Marquee>

Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee

TEKS BERJALAN

6.Warna back ground marquee

<marquee bgcolor="D580FE">TEKS BERJALAN DENGAN BACK GROUND</marque>

bgcolor untuk mengatur warna back ground marquee,sedangkan D580FE menunjukkan kode warna HTML

TEKS BERJALAN DENGAN BACK GROUND

7.Arah gerak marquee atau direction

• Arah gerak ke kanan

<marquee   direction="right">TEKS BERJALAN KE KANAN</marquee>

TEKS BERJALAN KE KANAN

• Arah gerak ke bawah

<marquee  direction="down" height="100">TEKS BERJALAN KE ARAH BAWAH</marquee>

TEKS BERJALAN KE ARAH BAWAH

ada 4 arah yang bisa di gunakan untuk mengatur arah atau direction ini:

• Up untuk gerak ke atas
• Right untuk gerak ke kanan
• Down untuk gerak ke bawah
• Left untuk gerak ke kiri (default)

8.Lebar dan tinggi marquee

Width untuk mengatur lebar marquee sedangkan height untuk mengatur tinggi marquee.Masing-masing menggunakan px sebagai satuan.

<marquee          width="400">LEBAR TEKS BERJALAN 400 PX</marquee>

LEBAR TEKS BERJALAN 400 PX

<marquee          height="100">TINGGI TEKS BERJALAN 100 PX</marquee>

TINGGI TEKS BERJALAN 100 PX

9.Mengatur jenis,ukuran,dan warna font marquee

<marquee          style="font-family:arial;          font-size:20px;color:#d580fe;">JENIS,UKURAN,DAN WARNA FONT PADA TEKS BERJALAN</marquee>

JENIS,UKURAN,DAN WARNA FONT PADA TEKS BERJALAN

anda dapat mengatur dapat mengatur jenis,ukuran,dan waran font menggunakan style:

• Font-family unyuk jenis font
• font-size untuk ukuran font
• color untuk warna font

10.Sifat marquee atau behavior
 

<marquee               behavior="alternate">TEKS BERJALAN MEMANTUL</marquee>

TEKS BERJALAN MEMANTUL

Behavior digunakan untuk mengatur sifat marquee ,Anda dapat mengatur sifat marquee dengan 3 nilai:

• Scroll digunakan jika marquee menghilang ketika menabrak sisi kiri(default)
• Slide digunakan jika marquee berhenti jika menabrak sisi kiri
• alternate digunakan jika marquee memantul ketika menabrak sisi

11.Membuat link pada marquee

<marquee><a href="http://rindah4u.blogspot.com/2018/04/cara-membuat-teks-berjalan_13.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

CARA MEMBUAT TULISAN BERJALAN

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

12.Membuat gambar berjalan

<marquee><img          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohlkcEq9dh5nsphSmGTQumOv9OB9n8tkwAph39VfIdzQwSJXL0EWdZpXVTaKrfJW35uBhGOVk0K-31awRY9qUddn8PmeIKdUHHWkPdanTv9EOglXo_xgevmAW5fWsrngEZuCNMQlX9HM/s1600/cara-membuat-teks-berjalan.png"/></marquee>   

Untuk membuat link pada teks berjalan,cukup dengan memasukkan kode HTML pembentik link dalam kode dasar marquee

13.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 BERJALAN ZIG-ZAG

Teks yang berjalan zig-zag dapat di lakukan dengan menggabungkan 2 atribut direction (arah).

14.Kombinasi atribut marquee

kombinasi marquee dapat dilakukan dengan menggabungkan beberapa atribut sekaligus.

<div style="text-align: center;">
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left"  width="130">
<b>&lt;&lt;</b><b> HARIMAU &gt;&gt;</b>
</marquee>
<marquee   bgcolor="black" style="color:        blue;" direction="right" width="130">
<b>&lt;&lt;</b><b> HARIMAU &gt;&gt;</b>
</span>
</marquee>
</div>

<< HARIMAU >> << HARIMAU >>

Jika anda sudah mengetahui dasar-dasar pembuatan marquee silahkan mengkreasikan marquee sendiri.Terima kasih sudah membaca artikel ini,semoga bermanfaat

Subscribe to receive free email updates: