Jenis-Jenis Efek Tulisan Bergerak / Marquee

10 

     Jenis-Jenis Efek Tulisan Bergerak / Marquee - Pernahkan anda mendengar efek Marquee? Efek marquee adalah suatu teknik atau pengkodean HTML yang dapat menimbulkan efek berjalan pada teks atau gambar di blog. Jika anda pernah melihat sebuah tulisan yang bergerak di sebuah blog, itulah efek marquee. Atau jika anda melihat Recent Post milik Maen Blogging yang ada di samping kanan, itu juga menggunakan efek marquee.

       Sebenarnya Maen Blogging pernah memberikan sedikit tutorial efek marquee ini di Kode HTML Untuk Pemula. Tapi pada kesempatan kali Maen Blogging akan menjabarkannya lebih luas lagi.

1. Bergerak dari kiri ke kanan
Maen Blogging
Code : <marquee direction="right">Maen Blogging</marquee>

2. Bergerak dari kanan ke kiri
Maen Blogging
Code : <marquee direction="left">Maen Blogging</marquee>

3. Bergerak bolak-balik dan memantul
Maen Blogging
Code : <marquee behavior="alternate">Maen Blogging</marquee>

4. Bergerak dari atas ke bawah
Maen Blogging
Code : <marquee direction="down">Maen Blogging</marquee> 

5. Bergerak dari bawah ke atas
Maen Blogging
Code : <marquee direction="up"> Maen Blogging </marquee>

6. Bergerak dari bawah ke atas dan memantul
Maen Blogging
Code : <marquee behavior="alternate" direction="up">Maen Blogging</marquee>

7. Bergerak menyudut dari bawah ke atas
Maen Blogging
Code : <marquee><marquee direction="up"> Maen Blogging </marquee></marquee> 

8. Bergerak menyudut dari atas ke bawah
Maen Blogging
Code : <marquee><marquee direction="down"> Maen Blogging </marquee></marquee>

9. Bergerak menyudut dari atas ke bawah dan memantul
Maen Blogging
Code : <marquee behavior="alternate" direction="down"><marquee behavior="alternate"> Maen Blogging </marquee></marquee> 

10. Bergerak berlawanan
Maen BloggingMaen Blogging
Code : <marquee> Maen Blogging </marquee><marquee direction="right">Maen Blogging </marquee>

 11. Banyak teks bergerak dari kiri ke kanan
Welcome to 
Maen Blogging
Tempatnya 
Belajar Blog
Code : <marquee direction="right"> Welcome to <br> Maen Blogging<br> Tempatnya <br> Belajar Blog</marquee>

12. Banyak teks bergerak dari kanan ke kiri
Welcome to 
Maen Blogging
Tempatnya 
Belajar Blog
Code : <marquee direction="left"> Welcome to <br> Maen Blogging<br> Tempatnya <br> Belajar Blog</marquee>

13. Bergerak dengan kecepatan tertentu
Slow speedMedium speedFast speed
Code : <marquee behavior="scroll" direction="left" scrollamount="1"> Slow speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10"> Medium speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"> Fast speed</marquee>

Anda bisa juga memadukannya dengan efek blink. Misalnya efek berjalan dari kiri ke kanan dipadukan dengan efek blink, maka akan menjadi seperti ini
Maen Blogging
<marquee direction="right"><blink>Maen Blogging</blink></marquee> 

Keterangan :

• Jangan hanya sekedar copas, tapi cobalah untuk pahami kode-kode di atas, karena anda dapat mengembangkannya untuk mempercantik blog anda
• Efek marquee di atas juga bisa diterapkan pada gambar
• Selamat bereksperiment..