Cara membuat Text berjalan

Assalamu alaikum wr.wb


Tutorial kali ini saya akan mencoba mentutorkan atribut marquee untuk membuat text berjalan

Atribut element marquee ini biasanya sangat di gemari mereka yang hobi mendesain script Deface, blog, web, dll

Dan di bawah ini saya siapkan contoh-contoh Tag element marquee dan silahkan copas di kolom textarea yang sudah saya sediakan

dan silahkan kembangin lagi agar lebih menarik dan is oke :v

dan di bawah ini adalah penampakan Atribut element maequee

1.text berjalan dari atas kebawah dan dari bawah ke atas

<marquee direction="up" height="50">ilustrasi system dari bawah ke atas</marquee><br>  <marquee direction="down" height="50">ilustrasi system dari atas ke bawah</marquee>

ilustrasi system dari bawah ke atas
 ilustrasi system dari atas ke bawah

2. Atribut Behavior

<marquee behavior="scroll" width="400">ilustrasi system</marquee><br>  <marquee behavior="slide" width="400">ilustraai system</marquee><br>  <marquee behavior="alternate" width="400">ilustrasi system</marquee><br>

 ilustrasi system
 ilustraai system
 ilustrasi system

Behavior

<marquee behavior="alternate">ilistrasi system memantul</marquee>

ilistrasi system memantul

3. Atribut Scrolldelay

<marquee width="600">ilustrasi system</marquee><br>  <marquee scrolldelay="100" width="600">ilustrasi system</marquee><br>  <marquee scrolldelay="400" width="600">ilustrasi system</marquee>

 ilustrasi system
 ilustrasi system
 ilustrasi system
Scrolldelay

<marquee scrolldelay="500">ilustrasi system delay 0,5 detik</marquee>

ilustrasi system delay 0,5 detik
Scrolldelay

<marquee scrolldelay="2000">ilustrasi system dengan Jeda 2 Detik</marquee>

ilustrasi system dengan Jeda 2 Detik  

4. Atribut Scrollamount

<marquee width="600">ilustrasi system</marquee><br>  <marquee scrollamount="15" width="600">ilustrasi system</marquee><br>  <marquee scrollamount="25" width="600">ilustrasi system</marquee>

 ilustrasi system
 ilustrasi system
 ilustrasi system
Scrollamount

<marquee scrollamount="100">ilustrasi system kecepatan 100</marquee>

ilustrasi system kecepatan 100
Scrollamount

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

ilustrasi system Zig Zag

5. Atribut BGColor

 <marquee bgcolor="cyan" width="400">ilustrasi system</marquee> </form>  ilustrasi system

6. Atribut Hspace

 <marquee bgcolor="cyan" width="400">ilustrasi system</marquee><br>  <marquee hspace="15" bgcolor="grey" width="400">ilustrasi system</marquee><br>  <marquee hspace="40" bgcolor="yellow" width="400">ilustrasi system</marquee>

 ilustrasi system
 ilustrasi system
 ilustrasi system 7. Atribut Vspase

 <marquee bgcolor="cyan" width="400">ilustrasi system</marquee><br>  <marquee vspace="15" bgcolor="grey" width="400">ilustrasi system</marquee><br>  <marquee vspace="20" bgcolor="yellow" width="400">ilustrasi system</marquee>

ilustrasi system
 ilustrasi system
 ilustrasi system
BGcolor

<marquee bgcolor="FFF300">ilustrasi system latar belakang kuning</marquee>

ilustrasi system latar belakang kuning
BGcolor

<marquee bgcolor="orange" style="font-family: Arial; font-size:16px; color:#800C0C;">ilustrasi system dengan Background Area</marquee>

ilustrasi system dengan Background Area
BGcolor

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

<< ilustrasi system >> << ilustrasi system >>

8. Atribut Loop

 <marquee loop="2" width="400">ilustrasi system</marquee><br>  <marquee loop="2" behavior="slide" width="400">ilustrasi system</marquee>

 ilustrasi system
 ilustrasi system
Loop
<marquee loop="5">ilustrasi system 5 kali</marquee> ilustrasi system 5 kali
Atribut Pesan

<marquee title="pesan tersembunyi">ilustrasi system</marquee>

ilustrasi system
All Atribut

<marquee width="50%">ilustrasi system Setengah Bidang</marquee>

ilustrasi system Setengah Bidang

<marquee direction="right">ilustrasi system ke arah kanan</marquee>

ilustrasi system ke arah kanan

<marquee direction="down" height="100">ilustrasi system ke arah bawah</marquee>

ilustrasi system ke arah bawah

<marquee width="300">ilustrasi system 300px</marquee>

ilustrasi system 300px

<marquee height="100">ilustrasi system 100px</marquee>

ilustrasi system 100px

<marquee style="font-family:arial; font-size:20px; color:#ffffff;">Jenis ukuran dan warna font ilustrasi system</marquee>

Jenis ukuran dan warna font ilustrasi system

9. Atribut Link

<marquee><a href="http://ilustrasisystem.blogspot.co.id/2018/05/cara-menyadap-whatsapp-menggunakan.html?m=1">Cara Menyadap Whatsapp menggunakan aplikasi Clonapp Messenger</a></marquee>

Cara Menyadap Whatsapp menggunakan aplikasi Clonapp Messenger
Atribut Link

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://ilustrasisystem.blogspot.co.id/2018/05/cara-menyadap-hp-menggunakan-aplikasi.html?m=1">Cara Menyadap hp menggunakan aplikasi AirDroid</a></marquee>

Cara Menyadap hp menggunakan aplikasi AirDroid
Atribut Link emage

<marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGoad5N6q8yXdp5Bx7vmQHjiAftkLnrXd5M9waQ3iMG77jGwlyS62pYEPDHLF8G3U0v6_Z2yp6G4ZKFBHzaIiFndrGGGYVnPf65AKS3nu7kaRyeRavvY1QDm-j6vRmid_CDpbdcHMVtQFU/s1600/videotogif_2018.05.12_02.49.09.gif" /></marquee>

 <marquee width="500"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNzuL3anV3J7Di-v_ALCOi-qelWFtHmuDtI8mGlijmvNkBxvzoisVIY9g2-9Zr6wgg5NmxTOFmwW37yvCdFhVqrfZArJeeQXOHeVYlJ0VYiv5WV78FOiqhrGbhUzDkahOOCiVUjosqd4tm/s320/encrypt.png" height="100"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizUz92HpIZE-MplpYAClT9t-tYpJcy4ma1x9ew41ASyhAECqTlywZscNUvZ8XMCSr4n1caj5yyKzlgnuLfymsDPFlUsqKLrGSTMYwhPZdtLWj7me_tn3IZUCSIVUXhFDb9fEnzQREav_n/s320/_20180429_171417.JPG" height="100">  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuKI2C3SIXvvigZ6ElWM4H5ZLBlNefpESFH5P3XrLgVGcvSfKn9j1kE7xs0dqVRjziA2GWu1RBplzhRPN_lsAmkW3i-EAbeE5VO-4HyrGJNZ02mAcqc1iPVQCYT03Lw8e6fwVSnUg_ypE9/s320/vpn.png" height="100"></marquee>

   
Nah... bila Anda merasa atribut element marquee itu penting silahkan di copas di kolom area yang sudah di sediakan dan semoga bermanfaat bagi sesama :D

Sekian dan sampai Jumpa di tutorial berikutnya.
Wassalamu alaikum wr.wb