Membuat Text Berjalan

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.

Contoh Text Berjalan

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

Gerakan dari kanan ke kiri

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:

menurut perilaku gerakan

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:

Contoh Text dengan warna latar belakang

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 :

tunjuk disini untuk berhenti

</marquee>

Hasilnya:silahkan arahkan mouse anda ke "tulisan yang bergerak" di bawah ini :

tunjuk disini untuk berhenti

Contoh marquee yang di dalamnya terdapat link :

<a href="http://pcbreonk.co.cc" target="new">PCB ReOnk</a><br/>

<a href="http://reonkzone.blogspot.com" target="new">Zona ReOnk </a><br/>

</marquee>

Hasilnya:

PCB ReOnk

Utak-atik Blog

Zona ReOnk

Mungkin itu beberapa contoh yang bisa saya berikan,silahkan sobat otak-atik sendiri agar tercipta variasi-variasi lain dari efek marquee ini.