0 Cara Membuar Tulisan Atau Text Berjalan Di Blog

Anda pasti sering melihat sebuah tulisan atau text berjalan pada blog. Text atau tulisan berjalan ini dalam bahasa html biasa disebut dengan marquee.

Text berjalan ini biasanya diletakkan pada halaman sedebar, header bahkan bisa juga diletakkan pada halaman posting di blog Anda.
cara membuat text atau tulisan berjalan ini cukup sederhana, Anda tinggal menambahkan kode <marquee> dan menutup dengan kode </marquee> maka text atau tulisan yang Anda inginkan akan bergerak berjalan.
Anda tinggal meletakkan text diantara kode tersebut.Sebagai contoh saya akan menuliskan kata BERGERAK di antara kode di
atas.
Maka cara membuatnya seperti ini:
<marquee> BERGERAK</marquee>
Maka hasilnya akan seperti contoh di bawah ini:
BERGERAK

Selanjutnya Anda bisa menentukan arah, warna serta kecepatannya dengan menambahkan beberapa astribut.

BEBRAPA ASTRIBUT YANG BIASA DIGUNAKAN ADALAH:

bgcolor = warna
direction = mengatur arah gerakan ( left, right, up, down )
behavior = karakter gerakan ( scroll, slide, alternate )
-scroll : text bergerak berputar
-slide : text bergerak sekali lalu berhenti
-alternate : text bergerak dari kiri ke kanan lalu balik
title : pesan muncul saat mouse berada di atas text
scrollamount : mengatur kecepatan gerakan
scrolldelay : mengatur tenggang waktu
loop : mengatur jumlah
onmouseover="this.stop()" onmouseout="this.start()" : Arahkan
mouse text berhenti.

BEBERPA CONTOH CARA MEMBUAT TULISAN ATAU TEXT BERJALANMENGGUNAKAN ASTRIBUT DI ATAS

Dari kanan ke kiri.

<marquee direction="right" scrollamount="2"> Dari kanan ke kiri dengan kecepatan 2</marquee>
Hasilnya:

Dari kanan ke kiri dengan kecepatan 2

Arah bolak-balik.

<marquee behavior="alternate"> scrollamount="3"onmouseover="this.stop()" onmouseout="this.start()">Arah bolak-balik dengan kecepatan 3, arahkan mouse text berhenti</marquee>

Hasilnya:

Arah bolak-balik dengan kecepatan 3, arahkan mouse text berhenti

Dari atas ke bawah.

<marquee direction="down" scrollamount="2" bgcolor="#CCCC00" width="300" height="90">Dari atas ke bawah dengan kecepatan 2</marquee>

Hasilnya:

Dari atas ke bawah dengan kecepatan 2 

Dari contoh di atas Anda bisa berkreasi sendiri.

Semoga bermanfaat.

By Admin :  Renka