Membuat Text Berjalan ( Marquee )

Langsung Belajar..
Tutor nie gue post di sini buat ingetin gue juga biar alo lupa ga susah-susah cari tutornya lagi.....hheheh

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 nya di sini

Kode Contoh 1

<marquee behaviour="alternate" scrollamount="4" width="100%"> Taruh Text nya Disini</marquee>

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 nya di sini Inginkan Disini

Kode Contoh 2

<marquee behaviour="alternate" bgcolor="#0000FF" scrolldelay="5" width="400px"><span style="color: white;" direction="left"> Taruh Text Yang Anda Inginkan Disini></span></marquee>

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

Taruh Text Turun
Taruh Text Turun
Taruh Text Turun
Taruh Text Turun
Taruh Text Turun


Kode Contoh 3

<marquee direction="down" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px">Text Turun<br /> Text Turun<br /> Text Turun<br /> Text Turun<br /> Text Turun</marquee>

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.

Langkah Ketiga / Third Step

Pada langkah ketiga silahkan pilih, anda ingin memakai code contoh 1, 2 atau 3. Anda tinggal mengcopy code yang telah di sediakan sebelumnya. thx semuanya uwd mau mampir.