Secara umum cara membuat teks berjalan di blog bisa menggunakan kode dasar html seperti di bawah ini
1. Buat teks berjalan dari kanan ke kiri (default)
Kode
<marquee> Membuat teks berjalan </marquee>
Hasil :
2. Membuat teks berjalan dari kiri ke kanan (direction)
Kode:
<marquee behavior="scroll" direction="right" height="50" width="auto">Teks berjalan dari kiri ke kanan</marquee>
Hasil:3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"
Kode:
<marquee behavior="scroll" direction="left" scrollamount="5">Teks bergerak lambat</marquee>
<marquee behavior="scroll" direction="left" height="100" scrollamount="30" width="auto">Teks bergerak lebih cepat</marquee>
hasil:<marquee behavior="scroll" direction="left" height="100" scrollamount="30" width="auto">Teks bergerak lebih cepat</marquee>
4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan
Kode:
<marquee behavior="alternate">Teks berjalan bolak balik</marquee>
Contoh hasil-nya:
5. Membuat teks berjalan dengan background pink
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "pink" pada kode bgcolor="pink" , warna lain bisa dilihat disini tabel warna
Kode:
<marquee bgcolor="pink" height="50" width="auto">
Teks berjalan dengan background pink
</marquee>
Teks berjalan dengan background pink
</marquee>
Contoh tampilan:
6. Membuat teks bergerak dari bawah ke atas
Kode:
<marquee behavior="scroll" direction="up" height="200" width="auto">
Teks bergerak dari bawah ke atas
</marquee>
Teks bergerak dari bawah ke atas
</marquee>
untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"
Contoh:
7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)
Kode:
<div style="border: 1px solid rgb(202, 61, 217); height: 180px; overflow: auto; padding: 5px;">
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"></br>
<a href="URL ANDA/">TEKS 1</a></br>
<a href="URL ANDA/">TEKS 2</a></br>
<a href="URL ANDA/">TEKS 3</a></br>
<a href="URL ANDA/">TEKS 4</a></br>
</marquee>
</b>
</div>
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"></br>
<a href="URL ANDA/">TEKS 1</a></br>
<a href="URL ANDA/">TEKS 2</a></br>
<a href="URL ANDA/">TEKS 3</a></br>
<a href="URL ANDA/">TEKS 4</a></br>
</marquee>
</b>
</div>
Contohnya bisa dilihat di bawah ini:
Contoh 2
Kecepatannya diubah dengan scrollamount="2" , arahnya ke bawah direction="down"
8. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()
Kode:
<marquee align="center" behavior="alternate" direction="up" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100">
Teks 1
Teks 2
Teks 3
</marquee>
Teks 1
Teks 2
Teks 3
</marquee>
Contohnya bisa dilihat di bawah ini :
Anda bisa memasukkan kode kode di atas pada teks editor blogspot,
Atau pada gadget html/javascript
Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :
<marquee><font size='3' face='comic sans ms' color=yellow> Selamat Datang Di Zoct Airbrush, Jangan Lupa Komentar Ya. </font></marquee>
Pada kode di atas:
a. font size='3' , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
b. face='comic sans ms' , comic sans ms jenis huruf
c. color=yellow , yellow adalah warna teks.
Hasilnya :
0 Comments
