Membuat teks berjalan marquee

Berikut ini ada sedikit tips dan trik mempercantik blog kawan. Tips dan trik blog ini membahas tentang cara pembuatan teks berjalan atau yang biasa disebut marquee. Marquee juga termasuk di dalam kode dasar html. Biasanya, marquee atau efek teks berjalan digunakkan untuk menampilkan sebuah teks/berita yang panjang. para blogger biasa menempatkan marquee dengan arah ke samping di bawah header blog. sedangkan untuk marquee yang arahnya atas-bawah ditempatkan pada sidebar.

Cara membuat teks berjalan atau marquee ini menggunakan kode dasar  <marquee> yang bisa di modifikasi. Apabila hanya menggunakan kode dasar <marquee> saja, maka efek teks akan berjalan ke arah samping. Berikut ini tips dan trik memodiffikasi teks baerjalan atau marquee.

Kodenya:
<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" behavior="scroll" align="center"> TEKS ANDA </marquee>

Hasilnya :

TEKS ANDA
Detailnya : 
  • direction="left"adalah untuk menentukan arah. anda bisa menggantinya dengan up,left,right,down.
  • onmouseover="this.stop()" onmouseout="this.start()" kode berguna agar pada saat mouse menyentuh teks yang di teks tersebut berhenti.
  • scrollamount="4" untuk menentukan kecepatannya.
  • behavior="Alternate" untuk menentukan model pergerakan teks. anda bisa menggantinya dengan:
  1. Alternate : Teks bergerak kekanan/kekiri
  2. Scroll : Text bergerak terus menerus
  3. Slide : Teks bergerak sekali
oke, sekian tips dan trik membuat teks berjalan, untuk contoh kode html yang lain bisa dilihat di blog ini juga. Selamat mencoba.

2 komentar:

  1. waktu saya coba ko ngga bisa ya ? malah kode html nya yang muncul ?

    BalasHapus
  2. uda tak coba bisa sob..tinggal diganti aja tulisan 'teks anda' pada code nya. :)

    BalasHapus