Begini ceritanya :
Efek Marquee atau text yang berjalan bisa anda buat dengan menggunakan tag <marquee>…</marquee>.
Atribut yang selalu dipakai adalah :
BGCOLOR=”warna” –> Untuk mengatur warna background (latar belakang) teks
DIRECTION=”left/right/up/down” –> Mengatur arah gerakan teks
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)
TITLE=’pesan” –> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT=”angka” –> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY=”angka” –> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP=”angka|-1|infinite” –> Mengatur jumlah loop
WIDTH=”lebar” –> Mengatur lebar blok teks dalam pixel atau persen
Untuk lebih jelasnya saya sertakan contohnya :
1. Ini adalah Contoh marquee dari gerakan :
<MARQUEE align=”center” direction=”right” height=”200″ scrollamount=”2″ width=”30%”>
Text berjalan dari kanan ke kiri
</MARQUEE>
2. Contoh marquee dari perilaku gerakan :
<MARQUEE align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”70%” behavior=”alternate”>
Text berjalan menurut perilaku
</MARQUEE>
3. Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align=”left”><FONT
FACE=”georgia” color=”White”><B><MARQUEE BGCOLOR=”RED”
width=”70%” scrollamount=”3″ behavior=”alternate”>
marquee dengan variasi hurup
</MARQUEE></b></FONT></div>
4. Mau membuat variasi pada efek marquee? Oke. Ada variasi yang lebih
keren dari marquee, yaitu ketika mouse sedang berada di area marquee
teks maka otomatis akan berhenti dan saat mouse digeser kembali ke
tempat lain maka teks akan kembali bergerak. Caranya hanya menambahkan
sedikit program pada kolom marquee.
Contoh, arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover=”this.stop()”
onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”50%”
height=”200″ align=”center”>
silahkan tunjuk ke sini
</marquee>
5. Kemudian ini Contoh marquee yang di dalam nya terdapat link :
<marquee onmouseover=”this.stop()”
onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”100%”
height=”100″ align=”center”>
<a href=”http://bisnis-muktiplaza.blogspot.com” target=”Blog Bisnis Online”></a><br/>
<a href=”http://health-advantage.blogspot.com” target=”new”>Health Tips</a><br/>
<a href=”http://thebestweddinggallery.blogspot.com” target=”new”>The Wedding</a><br/>
<a href=”http://muktiplaza.com” target=”new”>Iklan Baris Gratis</a><br/>
<a href=”http://seo-iklanbaris.com” target=”new”>Iklan Baris SEO Friendly</a><br/>
</marquee>
Demikian tutorial blog Cara Membuat Text Berjalan
CARA MEMBUAT TEXT BERJALAN
08.59 |
Langganan:
Posting Komentar (Atom)
My Profil
- Dwi Nanda NQP
- MAJENANG, CILACAP JAWA TENGAH, Indonesia
- Nama saya DWI NANDA Alumni SMK KOMPUTAMA MAJENANG thn 2011 ... sekarang sedang mencari ilmu di berbagai tempat dan mencari jati diri
Phostinggnya
Penyajian
-
▼
2012
(21)
-
▼
April
(15)
- FREE DOWNLOAD IDM Perangkat lunak ini memilik...
- Cara mudah menangani Cartridge yang tidak kelu...
- Cara membuat Banner Otomatis di Blog Sebenarnya...
- CARA MEMBUAT TEXT BERJALAN
- Mengganti Icon Blogger di Addres Bar Ketika ...
- CARA BURNING CD, DVD MENGGUNAKAN NERO
- Free Download Smadav 2012 Free Downlo...
- SEJARAH KOMPUTER Komputer Generasi I (1940-...
- Game Billiard Online di Facebook – Pool Live Tour...
- MENU PADA EDIT BLOG
- CARA MEMASANG JAM DI BLOG ANDA
- Cara Memasang Kalender di Blog
- Pengenalan Bunyi Beep
- Cara Mengatasi Printer Canon Mp 258
- Pengenalan Perangkat Komputer
-
▼
April
(15)
0 komentar:
Posting Komentar