Teks/Tulisan Berjalan

Teks/Tulisan Berjalan - Hmmmmm…… ngebuat teks/tulisan berjalan??? Eapz… Banyak blogger yang ngegunain trik ini buat mempercantik blog mereka, salah satunya ea blog gw tercinta ini .. hehehee

Trik ini ga sulit ‘n ga perlu punya keahlian html tingkat tinggi (hahahaa.. lebay) ..
Gimana sih cara ngegunain trik ini??
gampang... kita cukup ngegunain satu script HTML yang bernama “marquee” ..Ini scriptnya:

<marquee direction="arah bergerak teks">teks yang diinginkan</marquee>

Script di atas adalah garis besarnya aja. Marquee juga bisa di modifikasi, ini contohnya:

1. marquee berdasarkan gerakan (normal):

<marquee align="center" direction="left" scrollamount="3" width="70%">Teks</marquee>

Contoh:


Teks

2. Marquee berdasarkan sifat gerakan (bolak-balik):

<marquee align="center" direction="left" scrollamount="3" width="70%" behavior="alternate">teks</marquee>

Contoh:


teks

3. Marquee dengan Background:

<marquee bgcolor="blue" width="70%" scrollamount="3" behavior="alternate">teks</marquee>

Contoh:


teks

4. Objek berhenti saat mouse barada di area marquee:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="100" align="center">Teks</marquee>

Contoh:


Teks
Contoh-contoh script di atas masih bisa di otak-atik sehingga hasilnya nanti bisa sesuai kehendak, misalnya dengan cara menambahkan link, gambar, mengganti arah bergerak (up, left, right, down), mengurangi kecepatan bergerak, dll.

Selamat mencoba !!

---

Related Post on Agung X-Zeg Indraguna's World_

Blog World

• Menambahkan Efek OnMouseOver Transparan Pada Gambar
• Cara Pasang Energy Saving Mode dengan Gambar
• Menambahkan Efek OnMouseOver Pada Gambar
• Cara Membuat Teks Warna Pelangi (Rainbow Text)
• Cara Pasang Navigasi Breadcumb di Blogger
• Cara Mengganti dan Menampilkan Favicon Blog di Semua Browser
• Menambahkan Emoticon Pada Shoutmix
• Cara Membuat Komentar Pemilik Blog Berbeda Dengan Pengunjung
• Membuat Spoiler di Blog
• Membuat Gambar Melayang di Blog
• Cara Pasang AddThis Share Button di Blog
• Membuat Text Area di Blog
• Cara Pasang Kode Warna HTML (HTML Color Code) di Blog
• Menambahkan Pesan di Bawah Posting Blog
• Link Otomatis Terbuka Tanpa di Klik
• Menampilakan Avatar Komentator
• Link Bergerak Saat Disorot Mouse
• Cara Membuat Buku Tamu Tersembunyi
• Daftar Website/Blog di Google, Yahoo dan Search Engine Lainnya
• Cara Membuat Form Untuk Banner Exchange
• Menambahkan Energi Saving Mode di Blog
• Menambahkan Scroll Button di Arsip Blog
• Auto-Hide Navigation Bar
• Membuat Efek Link Warna Pelangi
• Menghilangkan Navigation Bar di Blog