SELAMAT DATANG DI RONISHARED, TERIMAKASIH ANDA TELAH MENGUNJUNGI

Membuat Text Berjalan Pada Blog

on Senin, 27 Februari 2012

Begini ceritanya :
Efek Marquee atau text yang berjalan bisa anda buat dengan menggunakan tag <marquee>…</marquee>.
Atribut yang selalu dipakai 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 bo)
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
Untuk lebih jelasnya saya sertakan contohnya :
1. Ini adalah Contoh marquee dari gerakan :
<MARQUEE align=”center” direction=”right” height=”200″ scrollamount=”2″ width=”30%”>
Text berjalan dari kanan ke kiri
</MARQUEE>
hasilnya :

Text berjalan dari kanan ke kiri

Anda bisa ganti kata “right” sesuai selera anda yaitu bisa : left , up, down.
2. Contoh marquee dari perilaku gerakan :
<MARQUEE align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”70%” behavior=”alternate”>
Text berjalan menurut perilaku
</MARQUEE>
Hasilnya

Text berjalan menurut perilaku

3. Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align=”left”><FONT FACE=”georgia” color=”White”><B><MARQUEE BGCOLOR=”RED” width=”70%” scrollamount=”3″ behavior=”alternate”>
marquee dengan variasi hurup
</MARQUEE></b></FONT></div>
hasilnya :


marquee dengan variasi hurup
4. Mau membuat variasi pada efek marquee? Oke. Ada variasi yang lebih keren dari marquee, yaitu ketika mouse sedang berada di area marquee teks maka otomatis akan berhenti dan saat mouse digeser kembali ke tempat lain maka teks akan kembali bergerak. Caranya hanya menambahkan sedikit program pada kolom marquee.
Contoh, arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”50%” height=”200″ align=”center”>
silahkan tunjuk ke sini
</marquee>
hasilnya :

silahkan tunjuk ke sini

5. Kemudian ini Contoh marquee yang di dalam nya terdapat link :
<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”100%” height=”100″ align=”center”>
<a href=”http://bisnis-muktiplaza.blogspot.com” target=”Blog Bisnis Online”></a><br/>
<a href=”http://health-advantage.blogspot.com” target=”new”>Health Tips</a><br/>
<a href=”http://thebestweddinggallery.blogspot.com” target=”new”>The Wedding</a><br/>
<a href=”http://muktiplaza.com” target=”new”>Iklan Baris Gratis</a><br/>
<a href=”http://seo-iklanbaris.com” target=”new”>Iklan Baris SEO Friendly</a><br/>
</marquee>
hasilnya
Health Tips
The Wedding

0 komentar:

Posting Komentar