-->

04 January 2013

Membuat Marquee Text

Cara membuat Marquee Text,- Marquee text atau sering disebut tulisan berjalan biasanya dipakai pada teks atau banner yang tidak memakai scrollbar, sehingga dapat berjalan sendiri secara teratus sesuai arah da kecepatan yang sudah kita tentukan. marque text ini bisa menambah variasi di tampilan blog kita.
Cara pembuatannya cukup dengan otak-atik kode HTML. Kita dapat mengatur Tulisan atau banner menjadi bergerak. Arah, kecepatan, posisi dll dapat kita sesuaikan menurut selera kita.
Langsung saja, ini langkah-langkahnya :

ini kode HTML dasarnya <marquee>Belajar Ngetik</marquee>
hasilnya:

Belajar Ngetik

untuk membuat wiget berjalan kode dasarnya adalah <marquee>kode wiget</marquee>

Untuk pengaturan lebih lanjut mengenai arah, kecepatan dll, berikut langkah-langkahnya:

1.Mengatur kecepatan
untuk mengatur kecepatan gerakan digunakan scrollamount="angka kecepatan"

<marquee scrollamount="angka kecepatan">Belajar ngetik</marquee>

contoh:
<marquee scrollamount="3">Belajar ngetik</marquee>
<marquee scrollamount="4">Belajar ngetik</marquee>
<marquee scrollamount="5">Belajar ngetik</marquee>

Belajar ngetik Belajar ngetik Belajar ngetik

semakin besar angka scrollamunt nya semakin cepat gerakan teks nya.

2.Mengatur Arah
untuk mengatur arah gerakan digunakan direction="arah gerakan"

<marquee direction="arah gerakan">Belajar ngetik</marquee>

jika arah dan kecepatan digabungkan menjadi:

<marquee scrollamount="angka kecepatan" direction="arah gerakan">Belajar ngetik</marquee>


Contoh:
<marquee scrollamount="3" direction="right">Belajar ngetik</marquee>
<marquee scrollamount="4" direction="up">Belajar ngetik</marquee>
<marquee scrollamount="5" direction="down">Belajar ngetik</marquee>

Belajar ngetik Belajar ngetik Belajar ngetik

3.Tulisan Bolak-Balik
untuk membuat tulisan yang bergerak bolak-balik digunakan behavior="alternate"
<marquee behavior="alternate">Belajar ngetik</marquee>


hasilnya:

Belajar Ngetik

4.Tulisan berjalan terus dan berhenti

kodenya <marquee onmouseover="this.stop()" onmouseout="this.start()">Belajar ngetik</marquee>

hasilnya:

Belajar Ngetik

5.Memberi Baground warna
kodenya <marquee bgcolor="#FDEAE8">Belajar Ngetik</marquee>

hasilnya

Belajar Ngetik

6.Mengatur Lebar dan Tinggi
kodenya
<marquee scrollamount="4" direction="up" width="50px" height="70px">Belajar ngetik</marquee>
<marquee scrollamount="5" direction="down" width="50px" height="70px">Belajar ngetik</marquee>
hasilnya:

Belajar Ngetik Belajar Ngetik

ketarangan:
- width adalah lebar
- height adalah tinggi

Selamat mencoba...



0 comments:

Post a Comment