Oke..kali ini saya ingin berbagi tips bagaimana caranya membuat marquee atau teks berjalan di blog.
Ada beberapa bagian yang perlu anda ketahui tentang marquee ini antara lain :
1. Kode HTML umumnya menggunakan tag <marquee>...</marquee>
2. BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
3. DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
4. BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan. Ada 3 macam variasi yaitu:
*Scroll --> teks bergerak terus-menerus tanpa berhenti
*Slide--> teks bergerak sekali lalu berhenti
*Alternate --> teks bergerak bolak-balik
5. TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
6. SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
7. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
8. LOOP="angka|-1|infinite" --> Mengatur jumlah loop
9. WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Biar lebih gampang saya berikan contoh aja ya..
Sebagai contoh anda bisa lihat teks berjalan di blog ini sebelah kanan atas. Kode html nya adalah sebagai berikut:
<div align="left"><font face="georgia" color="White"><b><marquee bgcolor="green" width="90%" scrollamount="3" behavior="scroll">
Terima Kasih telah mengunjungi blog NUSANTARA
</marquee></b></font></div>
hasilnya seperti
Anda bisa mengubah tulisannya sesuai dengan keinginan anda. Kemudian untukmengubah warna back ground silahkan ubah di bagian bgcolor. Untuk mengubah kecepatan di bagian scrollamount, dan untuk mengubah variasi teks mau bolak-balik atau berjalan di bagian behavior. Variasi ini ada 3 pilihan yaitu: alternate, scroll, slide.
atau contoh yang lain :
<marquee align="center" direction="left" height="5" scrollamount="2" width="90%">
Siapapun Anda bisa bahagia...asal mau bersyukur...
</marquee>
nanti hasilnya seperti ini:
Siapapun Anda bisa bahagia...asal mau bersyukur...
Untuk membuat teks berjalan dengan link anda bisa gunakan kode
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://didiksugiarto.com" target="new">Kebahagiaan Terbesar</a><br/>
<a href="http://iklanbarispromo.com" target="new">Pasang Iklan Baris </a><br/>
<a href="http://inginbahagia.com" target="new">Belajar Bisnis Online Pemula </a><br/>
</marquee>
nanti hasilnya seperti di bawah ini. Anda tinggal edit link urlnya.
Selamat mencoba...semoga berhasil....
+ komentar + 1 komentar
artikel nya sangat berguna
thanks infonya
Post a Comment
Silakan Tinggalkan Komentar