Cara Membuat Teks Tulisan Berjalan atau Marquee Pada Blog/Website

Untuk mempercantik blog dan tujuan lain tertentu, perlu kiranya kita membutuhkan code ini. Ini adalah kode untuk membuat teks atau tulisan berjalan dari kiri kekanan atau sebaliknya, atau dari atas kebawah dan arah sebaliknya. Yang diperlukan hanya kode standarnya dengan menambahkan kode marquee pada kode html.

Tulisan berguna untuk meberikan kesan interaktif pada website. Ketika kita ingin memberikan pengumuman atau info tertentu kita memerlukan code marquee ini. Secara sederhana cukup dengan menaruh teks pada code marquee berikut:

<marquee>Isikan disini teks yang bergerak</marquee> dan letakkan pada tempat teks editor sehingga akan menjadi seperti ini:

Teks yang Bergerak

Kita bisa mengembakan code tersebut sesuai dengan keinginan kita dan sesuai dengan kebutuhan.

Ada beberapa variasi yang biasa digunakan oleh para bloger atau webmaster diantarnya:

1. Tanpa Atribut hanya berjalan saja dari kanan kekiri seperti yang saya jelaskan diatas kodenya seperti ini

<marquee>Teks ini yang berjalan</marquee>

Hasilnya seperti ini:
Teks ini yang berjalan

2. Dengan Atribut lain
Scrollamount = artinya tingkat kecepatan berjalan, semakin besar angka yang diberikan maka akan semakin cepat jalan teksnya
Direction = Arah jalan teks
Bgcolor = warna teks
Behavior = gaya teks berjalan
Scrolldelay = waktu jalan perdetik/mil

codenya seperti ini

<marquee scrollamount=”100″>Teks ini yang berjalan</marquee>
<marquee direction=”left” scrollamount=”10″>Teks ini yang berjalan</marquee>
<marquee behavior=”alternate” scrollamount=”15″>Teks ini yang berjalan</marquee>
<marquee direction=”right” scrollamount=”10″>Teks ini yang berjalan</marquee>
<marquee direction=”right” scrollamount=”100″>Teks ini yang berjalan</marquee>
<marquee bgcolor=”red”>Teks ini yang berjalan</marquee>

3. Dengan Penggabungan Beberapa Atribut

<marquee loop=”5″>Teks ini yang berjalan</marquee>
<marquee direction=”right” style=”background-color: green;” width=”125″>Teks ini yang berjalan</marquee><marquee direction=”left” style=”background-color: blue;” width=”125″>Teks ini yang berjalan</marquee>
<marquee style=”font-style: italic;”>Teks ini yang berjalan</marquee>

4. Dengan penggabungan atribut sesuai perintah Mouse

kode ini akan mengikuti arahan dari mouse kita. misalnya ketika melintas makan teks akan berhenti

<marquee onmouseout=”this.start()” onmouseover=”this.stop()”>KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction=”up” height=”30″ onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”3″ width=”200″>KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction=”down” height=”30″ onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”3″ width=”200″>KALIMAT INI AKAN BERJALAN</marquee>

Masih banyak lagi tinggal kita kembakan misalnya dengan memberikan link atau memberikan gambar dalam teks tersebut.

Cara Membuat Teks Tulisan Berjalan atau Marquee Pada Blog/Website

Comments

2 responses to “Cara Membuat Teks Tulisan Berjalan atau Marquee Pada Blog/Website”

Leave a Reply Cancel reply