Cara Membuat Text Berjalan


Langkah Pertama / First Step

Langkah pertama dalam membuat text berjalan adalah setidaknya sedikit mengetahui tentang kode umum dalam text marquee seperti :

  • Width; Lebar marquee, Satuan bisa pixel atau %.
  • Height; Tinggi marquee, Sauan bisa pixel atau %.
  • Bgcolor; Warna latar belakang marquee, Contoh : putih #fff.
  • Behavior; Perilaku text, Pilihan : scroll, slide, alternate
  • Scrollamount; kecepatan text bergerak, Satuan; 1, 2, 3, makin besar angkanya maka akan makin cepat jalannya
  • Scrolldelay; Kecepatan text bergerak, Satuan  1, 2, 3, semakin besar angkanya maka akan makin lambat
  • Direction; Teks bergerak dari arah mana, Pilihan  left, right, top, dan bottom, up, down.
    Langkah Kedua / Second Step

    Langkah kedua dalam membuat marquee adalah silahkan anda lihat beberapa contoh di bawah ini :

    Contoh 1 

    Taruh Text Yang Anda Inginkan Disini

    Kode Contoh 1


    Keterangan Contoh 1

    • Tanpa direction berarti arahnya memakai default maka akan dari kiri ke kanan
    • Tanpa background berarti warnanya akan menyatu dengan warna background default blog anda.
    • Width 100 % berarti lebar 100 dari lebar default. Dapat menyesuaikan diri sesuai dengan lebar default blog.
    Contoh 2

    Taruh Text Yang Anda Inginkan Disini 

    Kode Contoh 2


    Keterangan contoh 2

    • Bgcolor adalah warna background , bisa kalian ganti dengan warna lain.
    • Width adalah lebar, disini saya menggunakan pixel sehingga tidak seperti contoh 1 yang menyesuaikan diri dengan lebar post.
    • Height adalah tinggi, sebaiknya anda menggunakan pixel pada height.
    • Span color adalah warna tulisan anda bisa menggantinya dengan warna lainnya.
    • Direction left berarti arahnya terus dari kiri ke kanan tanpa terputus, anda bisa menggunakan right jika ingin arah sebaliknya.

    Contoh 3

    Text Turun
    Text Turun
    Text Turun
    Text Turun
    Text Turun
    Kode Contoh 3 


    Keterangan contoh 3

    • Direction down berarti arah datang dari bawah ke atas , bisa diganti dengan up jika kamu mau text turun ke bawah.
    • Onmousover berarti text berhenti pada saat cursor diarahkan ke text tersebut.
    • Onmouseout berarti text kembali bergerak pada saat cursor tidak diarahkan ke text.

    Tidak ada komentar:

    Posting Komentar