Cara Mudah Membuat Tulisan Berjalan di Blog

Cara Membuat Tulisan Berjalan (Marquee) ~ Sering kali kita melihat running text / teks berjalan baik itu di layar bawah TV atau media media lainnya yang semata-mata untuk maksud mengarahkan pusat perhatian ke arahnya. Dalam dunia blog dikenal dengan nama Marquee, Karena menggunakan kode bahasa HTML marquee.

Banyak model tulisan berjalan dari "bahan" marquee yang dapat kita buat dengan sangat mudah, Karena memang sudah disediakan oleh bahasa HTML itu sendiri.

Nah, bila Anda ingin mencoba membuat tulisan berjalan maka silahkan simak caranya berikut:

masuk menu
pilih new entri
mode html

1. Kode dasar marquee untuk membuat tulisan berjalan adalah :

<marquee>TULISAN BERJALAN</marquee>

TULISAN BERJALAN

2. kode loop="angka|-1|infinite" , kode ini digunakan untuk melakukan pengaturan proses pengulangan sebuah marquee

<marquee loop="5">MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG</marquee>

MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG

3. kode scrolldelay="angka" , kode ini digunakan untuk mengatur waktu delay selama "angka", Jadi bila ingin menunda delay selama 1 detik maka ganti "angka" menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.

<marquee scrolldelay="500">TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>

TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

4. kode bgcolor="warna" , kode ini digunakan untuk mengatur warna background tulisan berjalan. "warna" dapat diganti menggunakan bahasa Inggris yang menyatakan jenis warna

<marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee>

TEXT DENGAN BACKGROUND KUNING

5. kode scrollamount="angka" , kode digunakan untuk mengatur kecepatan gerakan tulisan berjalan. Semakin besar "angka" semakin cepat juga gerakannya.

<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>

KECEPATAN BERJALAN 10

6. kode direction="left/right/up/down" , kode ini digunakan untuk mengatur arah gerakan tulisan yang diinginkan.

<marquee direction="right">TEKS BERJALAN KE KANAN</marquee>
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee>

TEKS BERJALAN KE KANAN TEKS BERJALAN KE ATAS

7. kode width="lebar" , kode ini digunakan untuk mengatur lebar media yang akan menampung marquee

<marquee width="50%">LEBAR MEDIA 50 %</marquee>

LEBAR MEDIA 50 %

8. kode title="pesan" , kode ini digunakan untuk menampilkan suatu pesan jika kursor mouse didekatkan pada jalur teks

<marquee title="PESAN DI SINI">MARQUEE berisi pesan tertentu</marquee>

MARQUEE BERISI PESAN TERTENTU

9. kode behavior="scroll/slide/alternate" , kode ini digunakan untuk mengatur jenis gerakan, Yaitu :
- Scroll bila ingin text berjalan terus ke salah satu sisi
- Slide bila ingin text berjalan tersendat-sendat
- Alternate bila ingin text berjalan seperti memantul

<marquee behavior="scroll">MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior="slide">MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee>

MARQUEE BERGERAK KE SISI MARQUEE BERGERAK TERSENDAT MARQUEE MEMANTUL

10. MARQUEE MEMANTUL

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK BALIK</marquee>

TULISAN BOLAK BALIK

11. Membuat link di tulisan berjalan

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://gilascript.blogspot.com/">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>

Baca Juga: CARA MEMBUAT TULISAN BERJALAN (MARQUEE)

3. Marquee Dengan Penggabungan Beberapa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee loop="5">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="right" style="background-color: green;" width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee direction="left" style="background-color: blue;" width="125">KALIMAT INI AKAN BERJALAN</marquee>
<marquee style="font-style: italic;">KALIMAT MIRING AKAN BERJALAN</marquee>

KALIMAT INI AKAN BERJALAN KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN KALIMAT MIRING AKAN BERJALAN

4. Marquee Dengan Penggabungan Atribut Sesuai Perintah Mouse
Atribut berikut dapat Anda tambahkan untuk memanggil perintah pointer mouse. Singkatnya, efek teks akan berhenti saat panah mouse Anda melintasi/berada pada teks, dan sebaliknya teks akan kembali berjalan saat pointer mouse di lepas.

Silahkan tinggal di copy aja kode html dibawah ini

<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>

KALIMAT INI AKAN BERJALAN KALIMAT INI AKAN BERJALAN KALIMAT INI AKAN BERJALAN