Kita sering kali melihat beberapa text berjalan/running text di tv ataupun di blog saya ini,hehehe tepatnya di bawah header. Nah kali ini saya akan memberitahukan cara membuat teks berjalan di blog, tentunya menggunakan HTML. Kita biasa membuat teks berjalan dengan menggunakan tag <marquee></marquee> .itu adalah perintah tag untuk membuat teks bisa berjalan.
Beberapa teknik marquee bisa kita jalankan di blog, cara untuk menjalankan teks berjalan di blog ada dua cara yaitu:
1. Pasang di POST
- Pilih mode HTML saat ingin nge-post
- masukkan kode html marquee
- kembali ke compose untuk melanjutkan postingan anda.
- Klik menu TATA LETAK
- Pilih tambahkan GADGET
- Pilih Gadget HTML/javascript
- masukkan kode Marquee
- simpan/save
Jika anda belum tahu teknik pengkodean marquee maka sudah tugas saya sebagai penulis memberihu anda hehehehe, silahkan si simak kodenya:
1.Teknik Dasar Marquee
kodenya adlah <marquee>BLOBOCER</marquee>, kode ini dasar dari text bergerak, yahh jadi biasa biasa ajalah.
2.Scrolldelay Marquee
Teknik pengkodean ini untuk mengatur waktu delay dari teks contoh kodenya <marquee scrolldelay="waktu/angka">BLOBOCER</marquee> , jika kita ingin menunda delay waktu 1 detik maka kita masukkan 1000 dan jika kita ingin delaynya 0,5 kita masukkan 500.
3.loop marquee
dimana kode iini berfungsi untuk membuat teks berjalan sesuai yang kita inginkan , contoh kode: <marquee loop="10">BLOBOCER</marquee> , maka teksnya akan berjalan 10 kali, lalu berhenti/menghilang.
4.Background color pada teks marquee
kode ini akan memberikan warna pada backgroud teks, contoh kodenya: <marquee bgcolor="red">BLOBOCER</marquee>.
5. Scrollamount marquee
kode ini untuk mengatur kecepatan teks, contoh kodenya :<marquee scrollamount="15">BLOBOCER</marquee> maka teks akan berjalan 15 kali lebih cepat dari defaultnya.
6. Direction Marquee
kode ini akan menntukan arah gerak pada teks contoh kodenya <marquee direction="up">BLOBOCER</marquee> maka teks nya akan geraak ke atas, jika turun ganti dengan "down", kiri "left", kanan "right" contoh gerak bawah:
contoh kodenya: <marquee direction="down">BLOBOCER</marquee>.
7. Title Marquee
kode ini berfungsi untuk menampilkan pesan ketika cursor mouse di dekatkan pada teks. dan pesan yang keluar adalah "ALAMSYAH", sesuai dengan yang kita ingin tampilkan.
contoh kode: <marquee title="ALAMSYAH">BLOBOCER</marquee>
8. width Marquee
kode ini digunkan untuk menampilkan lebar/width pada media peletakkan teks berjalan,
contoh kode: <marquee width="80%">BLOBOCER</marquee>.
9. Behavior Marquee
kode ini digunakan untuk mengatur jenis gerakan seperti
- scroll jika ingin bergerak di satu sisi
- alternate jika ingin memantul.
<marquee behavior="scroll">BLOBOCER</marquee>
<marquee behavior="alternate">BLOBOCER</marquee>
10. Onmoueseover dan onmouseOut
kode ini berfungsi jika kursor mouse mengenai teks marquee maka akan berhenti, jika tidak mengenainya maka akan tetap berjalan.
Contoh kode:<marquee behavior="alternate onmouseover="this.stop()" onmouseout="this.start()">BLOBOCER</marquee>
11. Link Marquee
Kode ini berfungsi untuk link , ketika teksnya di klik maka kita akan ke link yang ditunjukkan sang penulis kode.
contoh kode:<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://www.blogger.com/profile/14475372430456963451">BLOBOCER</a></marquee>
seperti inilah kode kode marquee, sekarang ayo buat blog kalian jadi lebih indah menggunakan teks berjalan ,jangan lupa tinggalkan koment kalian.
0 komentar:
Post a Comment