Sabtu, 19 Oktober 2013

Belajar HTML (Teks Berjalan)

1. Teks berjalan dari kanan ke kiri

Kode:
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
Hasil:

Contoh Tulisan Berjalan


2. Teks berjalan dari kiri ke kanan

Kode:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Hasil:

Contoh Tulisan Berjalan

3. Teks berjalan bolak balik

Kode:
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Hasil:

Contoh Tulisan Berjalan

4. Teks berjalan dari atas ke bawah

Kode:
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Hasil:

Contoh Tulisan Berjalan

5. Teks berjalan dari bawah ke atas

Kode:
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Hasil:

Contoh Tulisan Berjalan

6. Teks berjalan mondar-mandir

Kode:
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Hasil:

Contoh Tulisan Berjalan


7. Teks berjalan zig-zag nembus

Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

Hasil:
Contoh Tulisan Berjalan

8. Teks berjalan zig-zag mantul




Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
Hasil:


Contoh Tulisan Berjalan






Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.
Oke, sekian posting saya dengan judul cara membuat teks bergerak di blog. Semoga bisa menjadi informasi yang bermanfaat..

Tidak ada komentar:

Posting Komentar