Jenis-Jenis Efek Tulisan Bergerak / Marquee
21.56 – by Maen Blogging 5
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 :
2. Bergerak dari kanan ke kiri
Maen Blogging
Code :
3. Bergerak bolak-balik dan memantul
Maen Blogging
Code :
4. Bergerak dari atas ke bawah
Maen Blogging
Code :
5. Bergerak dari bawah ke atas
Maen Blogging
Code :
6. Bergerak dari bawah ke atas dan memantul
Maen Blogging
Code :
7. Bergerak menyudut dari bawah ke atas
Maen Blogging
Code :
8. Bergerak menyudut dari atas ke bawah
Maen Blogging
Code :
Maen Blogging
9. Bergerak menyudut dari atas ke bawah dan memantul
Maen Blogging
Code :
Maen Blogging
10. Bergerak berlawanan
Maen Blogging Maen Blogging
Code :
Maen Blogging Maen Blogging
11. Banyak teks bergerak dari kiri ke kanan
Welcome to
Maen Blogging
Tempatnya
Belajar Blog
Code :
Welcome to
Maen Blogging
Tempatnya
Belajar Blog
12. Banyak teks bergerak dari kanan ke kiri
Welcome to
Maen Blogging
Tempatnya
Belajar Blog
Code :
Welcome to
Maen Blogging
Tempatnya
Belajar Blog
13. Bergerak dengan kecepatan tertentu
Slow speed Medium speed Fast speed
Code :
Slow speed
Medium speed
Fast speed
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
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..
Tidak ada komentar:
Posting Komentar