Banyak diantara temen-temen yang baru membuat Blog dan menanyakan berbagai hal seputar blog,terutama Blogspot.sebenarnya sya sendiri belum begitu menguasainya tetapi karena teman-teman mungkin pernah melihat Blog saya yang lain,mereka meminta saya memberitahu cara atau tehnik memasang beberapa kode HTML.atau yang lainnya,dan sedikit yang saya tahu dari browsing di internet,berikutnya saya akan mencoba membagikannya supaya Blog sobat nampak lebih Variatif.,semoga bermanfaat.
Pada tulisan kali ini saya akan membahas tentang Bagaimana cara membuat Kode Marque untuk menampilkan text bejalan seperti ini.
Sebenarnya banyak sekali variasi Marquee yang bisa dibuat.beberapa contohnya coba saya bagikan untuk sobat semua.tetapi sebelumnya ada beberapa yang perlu sobat ketahui,supaya nantinya sobat lebih kreatif lagi dalam bereksperimen.terimakasih juga buat kang Rohman yang sudah bermurah hati berbagi ilmunya kepada kami semua.
Sedikit mengenai Marquee
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger dalam blognya karena sifatnya yang dinamis serta menarik untuk di lihat selain dapat menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.
Atribut yang sering di gunakan 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 )
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
Berikut Contohnya:
Silahkan copy paste kode berikut
<MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%"> Gerakan dari kanan ke kiri </MARQUEE>Hasilnya ganti kata "left" dengan keinginan sobat :right, up, down .
Contoh marquee dengan perilaku gerakan :
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"> menurut perilaku gerakan
</MARQUEE> Hasilnya:
Contoh marquee dengan variasi huruf dan warna latar belakang :
<div align="left"><font face="Tahoma" color="Red"><b><marquee bgcolor="#e5e5e5" width="97%" scrollamount="5" behavior="left"> Contoh Text dengan warna latar belakang
</marquee></b></font></div>
Hasilnya:
Variasi yang lain dari marquee ini, yakni ketika mouse sedang berada di area marquee,teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya perlu di tambahkan sedikit program pada kolom marquee.
Contoh :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
tunjuk disini untuk berhenti
</marquee>
Hasilnya:silahkan arahkan mouse anda ke "tulisan yang bergerak" di bawah ini :
Contoh marquee yang di dalamnya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://pcbreonk.co.cc" target="new">PCB ReOnk</a><br/>
<a href="http://kolom-blogku.blogspot.com" target="new">Utak-atik Blog </a><br/>
<a href="http://reonkzone.blogspot.com" target="new">Zona ReOnk </a><br/>
</marquee>
Hasilnya:
Mungkin itu beberapa contoh yang bisa saya berikan,silahkan sobat otak-atik sendiri agar tercipta variasi-variasi lain dari efek marquee ini.
Selamat mencoba dan berexperimen ria
wow...thanks infonya,langsung praktek aza...
ReplyDelete