Kamis, 23 Mei 2013

CARA MEMBUAT MARQUE (Teks Berjalan)

LAngkah - langkah untuk pembuatanya adalah :
  1. Masuk pada menu TATA LETAK
  2. Klik pada Tambahkan Gadget ( terserah anda mau pilih gadget yang mana)
  3. Kemudian muncul opsi pilihan tambahkan gadget pilih menu HTML/Java Script
  4. copikan kode dibawah ini kemudian
  5. letakkan pada konten silahkan anda pilih model teks berjalan di bawah ini sesuai dengan keinginan anda..
Kode Teks Berjalan ada dibawah ini..


Marquee 1.0
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).
Kode HTML nya :
<marquee>Teks Para Sobat disini</marquee>
Marquee 1.0.1
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Sobat arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.
Kode HTML nya
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Para Sobat disini</marquee>
Marquee 1.0.2
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
 Kode HTML nya
<marquee direction="right">Teks Para Sobat disini</marquee>
Marquee 2.0
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang
kode HTML nya:
<marquee behavior="alternate">Teks Para Sobat disini</marquee>
Marquee 2.0.1
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif
Kode HTML nya
<marquee behavior="alternate" scrollamount="18">Teks Para sobat disini</marquee>
Marquee 2.0.2
Kode HTML nya:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Para Soabt disini</marquee>
Marquee 3.0
HTML nya:
<marquee direction="up">Teks Para sobat disini</marquee>
Marquee 3.0.1
Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.
Kode HTML nya:
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Para sobat disini</marquee>
Marquee 3.0.2
Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Kode HTML nya:
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Para sobat disini</marquee>
Marquee 3.0.3
Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.

Tidak ada komentar:

Posting Komentar