Membuat teks berjalan / Marque

begininilah cara untuk membuat teks bejalan pada blog kita, langsung saja ya kawan
1. Buat teks berjalan dari kanan ke kiri (default)



Kode
<marquee> Membuat teks berjalan </marquee>
Membuat teks berjalan

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>

Teks berjalan dari kiri ke kanan


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:

Teks bergerak lambat
Teks bergerak lebih cepat

4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Kode:
<marquee behavior="alternate">Teks berjalan bolak balik</marquee>

Teks berjalan bolak balik


5. Membuat teks berjalan dengan background merah
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "red" pada kode bgcolor="red" , warna lain bisa dilihat disini tabel warna

Kode:
<marquee bgcolor="red" height="50" width="auto">
Teks berjalan dengan background biru
</marquee>



Teks berjalan dengan background merah


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


untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"



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://artikelkomputerku.blogspot.com/">Artikel Komputer</a></br>
<a href="http://www.komputerseo.com/">Komputer SEO</a></br>
<a href="http://mycomputerdummies.blogspot.com/">My Computer Dummies</a></br>
<a href="http://dummy-ku.blogspot.com/">Dummy-ku</a></br>
</marquee>
</b>
</div>



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




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 hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin </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.
Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin

0 comments: