Marquee ialah penulisan code HTML untuk memberi efek rangkaian kalimat atau frase kata menjadi moving (bergerak) atau berjalan dari kiri ke kanan atau dari kanan ke kiri atau dari atas ke bawah dan sebaliknya. Tips ini untuk memperkaya variasi tampilan halaman blog blogger website. Pengkayaan variasi halaman tetap harus mempertimbangkan aspek letak dan lainnya. Karena jangan sampai justru mengganggu konsentrasi pengunjung untuk mencerna esensi content website.
Memperkaya tampilan halaman website
Berikut ini beberapa variasi marque atau teks bergerak untuk ditampilkan di halaman website.
- Teks bergerak dari kanan ke kiri (Marquee / moving from right to left (default)
Bentuk tag Html sebagai berikut :
<marquee>Place your Text </marquee>
Hasilnya seperti terlihat di bawah ini :
- Teks bergerak dari kiri ke kanan (Marquee/moving from left to right)
Bentuk tag Html sebagai berikut :
<marquee direction="right">Place your Text </marquee>
Hasilnya seperti terlihat di bawah ini :
- Marquee/moving back and forth.
Bentuk tags Html sebagai berikut :
<marquee behavior="alternate">Place your Text </marquee>
Hasilnya seperti terlihat di bawah ini :
- Marquee/moving with scrollamount become aggressive.
Bentuk tag Html sebagai berikut :
<marquee scrollamount="18" behavior="alternate">Place your Text </marquee>
Hasilnya seperti terlihat di bawah ini :
- Marquee/moving with on-mouse-over stop and on-mouse-out start,if mouse point to text so stop.
Bentuk tag Html sebagai berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="alternate">Text </marquee>
Hasilnya seperti terlihat di bawah ini :
- Teks bergerak dari bawah ke atas (Marquee/moving from bottom to up)
Bentuk tags Html sebagai berikut :
<marquee direction="up">
Place your Text #1
Place your Text #2
Place your Text #3
Place your Text #4 </marquee>
Hasilnya seperti terlihat di bawah ini :
- Teks bergerak dari atas ke bawah (Marquee/moving from up to bottom).
Bentuk tags Html sebagai berikut :
<marquee direction="down">
Place your Text #1
Place your Text #2
Place your Text #3
Place your Text #4 </marquee>
Hasilnya seperti terlihat di bawah ini :
.
.
.
.
.
.
.
.
![[Valid Atom 1.0]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgqz1Fz0W3QZkeG4LsKvQplfCdmyhCrU3j95NWl1i-XarshrBBaYCr4hKUMKj5XbhHwJRvEFMd3j2pDLZepCzvjQU0kMiNhvbs51qAWczA_Mrw7y_wj0czorZsxBhfr9Y5Q8IN_vsORSA/w88-h31-no/valid-atom.jpg "Validate my Atom 1.0 feed")
