Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.
Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu
fungsi dari masing-masing atributes.
Beberapa attributes yang sering digunakan dalam marquee yaitu:
1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :
Alternate : Teks bergerak bolak-balik
Slide : Teks hanya bergerak sekali saja
Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :
Up : Teks bergerak keatas
Down : Teks bergerak kebawah
Left : Teks bergerak kekiri
Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda
4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain.
5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.
6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.
7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".
8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.
10. Loop: untuk mengatur jumlah pengulangan.
Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:
Contoh 1: Efek teks bergerak bolak-balik secara horizontal
Kodenya :
<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Teks bolak-balik horizontal</marquee></font>
Contoh 2: Efek teks berjalan bolak-balik secara vertikal:
Kodenya :
<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Teks bolak-balik vertikal</marquee></font>
Contoh 3: Efek teks berjalan kekanan secara kontinu
Kodenya:
<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Teks Kekanan kontinu</marquee></font>
Contoh 4: Efek teks berjalan kekiri sekali saja
Kodenya:
<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Berjalan kekiri sekali</marquee></font>
Contoh 5: Efek teks berjalan kekanan tiga kali
Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Berjalan kekanan tiga kali</marquee></font>
Contoh 6: Efek Bounce
Kodenya:
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Efek Bounce</marquee></marquee></font>
Contoh 7: Teks Berhenti Jika Mouse Menyentuh Daerah Marquee
Silahkan menggeser mouse ke area marquee dan teks akan berhenti.
Kodenya:
<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Teks Berhenti Jika Mouse Menyentuh Daerah Marquee</marquee></font>
Contoh diatas hanya sebagian dari efek marquee, silahkan Anda utak-atik sendiri nilai-nilai pada attributes untuk mendapatkan efek yang Anda inginkan.
Cara memasang efek Marquee pada blog :
Setelah membuat kodenya tinggal meletakkan ke Gadget HTML/Javascript pada blog.
Silahkan mencoba, semoga sukses. kalau ada pertanyaan, tinggalkan pada kotak komentar dibawah.
Artikel Terkait:
Blogging
- Tips Blogging : Cara Membuat Menu Accordian Dengan CSS
- Pentingnya Ping Untuk Blog Anda
- Kelebihan dan Kekurangan Blog Dofollow
- Cara mengetahui Blog Dofollow atau Nofollow
- Cara Mengubah Blog Menjadi Dofollow
- How To Make Random Post (2)
- Mengubah Older Post/Newer Post dengan Navigasi Nomer Halaman
- Membuat Recent Comments Menggunakan Widget Blog
- Recent Post Scrolling
- Membuat Blog anda menjadi versi mobile
- Bermacam Kreasi 'Read More'
- Kumpulan Logo Blog DoFollow
- Cara Mengecek Kecepatan Loading Blog Anda
- Cara Membuat Head Line News
- Cara membuat "Related Post" dibawah Posting.
- Cara membuat Link terbuka di Tab baru
- Cara Mengganti Warna Background Header
- Cara Menulis Kode HTML
- HIDE AND SHOW SHOUTMIX
Tips and Trik
- Tips Mengoptimalkan Fungsi Kamera di Setiap Smartphone
- Tips Mengatasi Lupa Pasword BIOS
- Cara Mendapatkan Uang dari Adf.ly Dengan Mudah
- Cara Cepat Menaikkan Pagerank dan Backlink Blog Anda
- Tips Mempercepat Sinyal WIFI Pada Windows Seven
- Sharing Printer Pada Jaringan LAN
- Tutorial : Cara Menjalankan Iso File & NRG Dengan Ultra Iso (CD Virtual)
- Cara Cepat mendapatkan Golden Eggs Game Angry Birds
- Tips Blogging : Cara Membuat Menu Accordian Dengan CSS
- Pentingnya Ping Untuk Blog Anda
- Cara mengetahui Blog Dofollow atau Nofollow
- Tips SEO: Cara membuat Breadcrumb Menu Navigation
- Smadav Rev.8.3 Pro + Key
- Instalasi dan Penggunaan Software Pelacak (Prey)
- Membuat Blog anda menjadi versi mobile
- Tips membersihkan CD-DVD yang tergores
- Alternatif membuka Office 2007
- Bermacam Kreasi 'Read More'
- Kumpulan Logo Blog DoFollow
- Cara Mengecek Kecepatan Loading Blog Anda
- Cara Membuat Head Line News
- Chit Chat For Facebook
- Cara membuat "Related Post" dibawah Posting.
- Cara membuat Link terbuka di Tab baru
4 komentar:
Thanks Infonya.....
thx,
bila da waktu silahkan dikunjungi http://galihfree4all.blogspot.com/
Manstrab!! DAH TAK COBA!! BGUS HASILNA, THAKS .Salam sukses mas BOS!! eh..mohon maaf jika pernah dan akan,blog saya mizan poenya ( http://www.mizan-poenya.co.cc ) copas tanpa izin dulu dari admin blog ini, mohon izin dan ikhlasnya..agar lebih bermanfaat untuk sesama..terima kasih!saya doakan semoga mas BOS tambah sukses..amin.(mizan banjarnegara)
hot...
Posting Komentar
Berkomentarlah Dengan Baik dan Sopan ....!!
Jika Ada Kerusakan atau Link Download Tidak Tersedia, Silahkan Lakukan Pemberitahuan Pada Kotak Komentar Di Bawah Ini.