Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link atau banner untuk menarik perhatian pengunjung.
Secara umum cara buat teks berjalan bisa menggunakan kode dasar seperti di bawah ini
1. Buat teks berjalan dari kanan ke kiri (default)
Kode
Hasil :
2. Membuat teks berjalan dari kiri ke kanan (direction)
Kode:
3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"
Kode:
4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan
Kode:
Contoh hasil-nya:
5. Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat disini tabel warna
Kode:
Contoh tampilan:
6. Membuat teks bergerak dari bawah ke atas
Kode:
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:
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:
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 :
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
Sumber http://artikelkomputerku.blogspot.com
Secara umum cara buat teks berjalan bisa menggunakan kode dasar 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 biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat disini tabel warna
Kode:
<marquee bgcolor="blue" height="50" width="auto">
Teks berjalan dengan background biru
</marquee>
Teks berjalan dengan background biru
</marquee>
Contoh tampilan:
6. Membuat teks bergerak dari bawah ke atas
Kode:
<marquee behavior="scroll" direction="up" height="200" width="auto">
SELAMAT DATANG DI BLOG
</marquee>
SELAMAT DATANG DI BLOG
</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="http://www.forum-indonesia.com/">FORUM-INDONESIA</a></br>
<a href="http://www.ilhams3.blogspot.com/">SEMUA ARTIKEL WEBSITE DAN BLOG</a></br>
<a href="http://www.facebookcomphp.blogspot.com/">WELCOME TO BLOG</a></br>
<a href="http://dummy-ku.blogspot.com/">Dummy-ku</a></br>
</marquee>
</b>
</div>
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"></br>
<a href="http://www.forum-indonesia.com/">FORUM-INDONESIA</a></br>
<a href="http://www.ilhams3.blogspot.com/">SEMUA ARTIKEL WEBSITE DAN BLOG</a></br>
<a href="http://www.facebookcomphp.blogspot.com/">WELCOME TO BLOG</a></br>
<a href="http://dummy-ku.blogspot.com/">Dummy-ku</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 WEBSITE INI </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
Sumber http://artikelkomputerku.blogspot.com
No comments:
Post a Comment