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 kebahagiaan terbesar ini
</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:
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....
terima kasih tips nya aku coba ya....
ReplyDeleteni tips yg aku cari2.....
ReplyDeletethanks ya kang.....
makasih tipsnya ya ....aku sudah coba nih
ReplyDeletemakasih tips ya dan moga makin banyak tips nya yang bermanfaat untuk orang banyak dan yang memberi tips tambah sehat, panjang umur dan banyak rejeki selalu
ReplyDeleteWah mantabs banget BLI
ReplyDeletegan thanks yaa mantapzz gan gw boleh copy n gw pos g di blog gw??
ReplyDeleteboleh aja silahkan moga bermanfaat
ReplyDelete