Home
Tulisan berjalan atau lebih dikenal dengan MARQUEE adalah satu cara untuk menarik perhatian pengunjung pada sebuah halaman web atau blog. Efek Marquee biasanya disisipkan pada sebuah halaman web atau blog sebagai sebuah Salam Pembuka saat web atau blog tersebut dikunjungi. Bisa juga Efek Marquee tersebut disisipkan untuk sebuah pemberitahuan atau pengumuman kepada pengunjung.
Banyak juga yang melakukannya dengan menyisipkan efek marquee sebagai sebuah Promo dari Produk yang ditawarkan, biasanya ini dilakukan oleh sebuah website store atau Toko Online. Misalnya Promo Gratis Buy One Get Three Free... hehehhehe....kaya janda atau duda aja yach...Beli satu dapat tiga berikut turunannya..
Okey kita langsung ke TKP aja yuks ikut Mas Parto
Seperti biasa efek ini bukanlah sebuah widget, tapi hanya scripting biasa yang bisa dilakukan saat anda menuliskan postingan atau membuat halaman Blog dimana anda harus melakukannya pada Tab HTML
Scriptnya:
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee>
Hasilnya :
Tulisan berjalan seperti Melompat-lompat, efek marquee ini lebih menarik lagi jika anda berminat melakukannya lakukan langkah berikut
Scriptnya:
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee></marquee>
Hasilnya :
Efek Marque Bola Pantul ( Pinball ) efek ini sangat menarik sekali karena tulisan akan berjalan seperti bola pantul seperti pinball, namun membutuhkan ruang yang cukup dan extra teliti dalam melakukannya
Scriptnya:
<marquee behavior="alternate" direction="up" height="100" width="450"><marquee behavior="alternate" direction="right">Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee></marquee>
Hasilnya :
Selalu Perhatikan tinggi dan lebar dari efek marquee yang ingin anda terapkan, seperti style bola pantul ini dimana kita harus menghitung jumlah karakter tulisan yang ingin anda tampilkan dan sesuaikan dengan lebar pantulannya. Dalam contoh diatas jumlah karakter yang saya gunakan berjumlah 49 karakter (Silakan Anda Ketik Apa Yang Anda Inginkan Disini). Tentunya 49 karakter cukup lebar, untuk memberikan efek pantulan yang bekerja dengan baik diperlukan lebar yang sesuai sehingga menampilkan efek pantul yang diinginkan.
Disini saya menggunakan lebar sesuai dengan main-wrapper saya selebar 450px
Efek Marquee berikutnya yaitu bergaya pantul bolak-balik ( Mentok sana..Mentok sini ) kaya nasib aja yach...he..he...he...
Scriptnya:
<marquee behavior="alternate" width="450">Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee>
Hasilnya :
Efek Marquee berikutnya adalah Efek Mouse Hover Stop, yaitu sebuah efek dimana tulisan yang berjalan akan berhenti saat mouse mendekati
Scriptnya:
<marquee onmouseout="this.start()" onmouseover="this.stop()">Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee>
Hasilnya :
Efek Marquee berikutnya adalah Scrool Up Style, dimana tulisan berjalan keatas
Anda dapat merubah stylenya menjadi scrool down atau tulisan berjalan kebawah sesuai keinginan anda.
Scriptnya:
<marquee behavior="scroll" direction="up" height="30">Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee>
Hasilnya :
Efek Marquee lainnya adalah berjalan ke kanan, dimana tulisan akan selalu bergerak dari arah kiri menuju ke arah kanan
Tentu anda juga dapat merubah arahnya sesuai dengan keinginan anda.
Scriptnya:
<marquee behavior="scroll" direction="right">Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee>
Hasilnya :
Efek Marquee yang terakhir adalah With Image Style dimana tulisan berjalan seiring dengan gambar
Scriptnya:
<marquee behavior="scroll"><Tentukan Gambar Anda Disini>Silakan Anda Ketik Apa Yang Anda Inginkan Disini</marquee>
Hasilnya :
Anda dapat memodifikasi sendiri style yang anda inginkan, dengan memodifikasi script-script diatas sesuai dengan selera anda. Setiap style dapat di sisipkan LINK URL jika anda menginginkan tulisan yang berjalan memiliki link..
Bila ada yang ingin menambahkan tutorial diatas hasil modifikasinya silakan dikirimkan pada kolom komentar. Dan bila ada yang belum jelas atau kurang mengerti coba ketok-ketok kepalanya
....
.....kidding....kirim pertanyaannya yach dikolom komentar dengan senang hati saya akan membabu..Terima kasih sudah berkunjung ke goblogtutorial..Semoga bermanfaat untuk anda semua..dan kita selalu dikasih sehat agar dapat terus melanjutkan aktifitas...Ciaow...Wassalm...wr...wb..
11 Comments
;))
;;)
:D
;)
:p
:((
:)
:(
:X
=((
:-o
:-/
:-*
:|
8-}
:-t
:-L
x(
:-q
=))
