Membuat tulisan berjalan di Blog

Pada kesempatan kali ini saya akan berbagi bagaimana caranya membuat tulisan berjalan di blog. ternyata caranya sangat mudah.


ag <marquee> mempunyai beberapa attribut, yaitu:

bgcolor="nama/nilai warna" digunakan mengatur warna latar belakang teks

direction="left/right/up/down" digunakan mmengatur arah gerakan teks

behavior="scroll/slide/alternate" digunakan untuk mengatur perilaku gerakan teks

scroll digunakan agar teks bergerak berputar

slide digunakan agar teks bergerak sekali lalu berhenti

Alternate digunakan agar teks bergerak dari kiri kekanan lalu balik lagi

title=”Tulis Pesan Anda" digunakan agar pesan muncul pada saat mouse berada di atas teks

scrollmount="masukkan angka" digunakan untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

scrolldelay="masukkan angka" digunakan untuk mengatur waktu tunda gerakan dalam mili detik

loop="angka|-1|infinite" digunakan untuk mengatur jumlah loop

width="masukkan angka" digunakan untuk mmengatur lebar blok teks dalam pixel atau persen

1.      Pergerakan Teks dari Kiri ke Kanan dan Berhenti

<marquee behavior="slide" direction="left">Tulis Teks Anda Di Sini</marquee>

Tulis Teks Anda Di Sini

2.      Pergerakan Teks dari Kiri ke Kanan Secara Terus Menerus

<marquee behavior="scroll" direction="left">Tulis Teks Scrolling Di Sini</marquee>

Tulis Teks Scrolling Di Sini

3.      Pergerakan Teks bolak balik Kiri ke Kanan dan Sebaliknya Secara Terus Menerus

<marquee behavior="alternate">Tulis Teks Bolak Balik Di Sini</marquee>

Tulis Teks Bolak Balik Di Sini

4.      Pergerakan Teks dari bawah ke atas

<marquee  behavior="scroll" direction="up">Tulis Teks di sini</marquee>

Tulis Teks di sini

5.      Mengatur kecepatan pergerakan teks

<marquee behavior="scroll" direction="left" scrollamount="1"> Kecepatan rendah </marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Kecepatan sedang </marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">Kecepatan tinggi </marquee>

Kecepatan rendah

Kecepatan sedang

Kecepatan tinggi

6.      Menggerakkan image

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

7.      Menggerakkan image dan teks

<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Contoh tulisan berjalan dengan image</p></marquee>

Contoh tulisan berjalan dengan image


Selamat mencoba.

Posted in: Article,Tips n Trik,Tutorial