TEKS BERJALAN ATAU MARQUEE

Teks berjalan atau biasa di sebut marque, untuk saat ini paling banyak diminati dikarenakan selain menghemat tempat, tetapi juga akan mempercantik tampilan dari blog itu sendiri.

Untuk membuat teks berjalan atau marquee, yang pertama perlu diketahui adalah kode dasarnya, nach… apabila sudah tahu… maka teknik dari teks berjalan, baik itu dari kiri, kanan atas atau bawah, akan gampang membuatnya.

Standar dari kode dari teks berjalan adalah sebagai berikut:

<marquee behavior="scroll" direction="left" scrollamount="5">Teks anda disini</marque>

Hasil dari kode diatas adalah sebagai berikut

Teks anda disini

Penjelasan

1. tag dari marquee adalah <marquee>…..</marquee>
2. untuk behavior=”scroll” berarti teksnya berjalan continous
3. untuk direction=”left” berarti teks berasal dari sebelah kiri
4. untuk scrollamount=”5” merupakan kecepatan dari jalannya teks

jadi apabila ingin merubah tempat muncul teks, tinggal mengganti tuch direction-nya, contoh :

• bila ingin merubah asal teks dari kanan ke kiri, rubah directionnya menjadi direction=”right”
  dari kanan ke kiri rubah direction menjadi "right"
• bila ingin merubah asal teks dari bawah ke atas, rubah directionnya menjadi direction="up"
  dari bawah ke atas rubah direction menjadi "up"

Begitu pula jika ingin merubah asal teks dari atas ke bawah… tinggal ganti direction-nya menjadi "down"

Sedangkan untuk kecepatan jalannya teks, lakukan perubahan nilai scrollamount-nya… sebagai contoh liat teks berjalan di bawah ini

Kecepatan Lambat

Kecepatan Sedang

Sangat Cepat

Kode dari marquee diatas adalah sebagai berikut :

<br /> <!—kode HTML oleh karsono.co.cc --><marquee behavior="scroll" direction="left" scrollamount="1">Kecepatan Lambat</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Kecepatan Sedang</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Sangat Cepat</marquee><br /> <br />

Nach untuk kecepatan ame asal teksnya kan udah sekarang… ganti pembahasan mengenai bagaimana proses teks berlangsung apakah continous atau scroll seperti diatas, atau bouncing /bolak-balik, atau slide…

Klo Scroll udah di bahas, sedangkan untuk slide… kurang seru… jadi sekarang kita membahas yang bouncing atau teks yang bolak-balik…

Contoh :

balik kiri… balik kanan…

Untuk kode diatas adalah :

<marquee class="html-marquee" direction="left" behavior="alternate" scrollamount="5">balik kiri… balik kanan…</marquee>

Atau anda ingin membuat hujan teks dengan link seperti di bawah ini

My Profile My Facebook My Profile My Profile My Facebook My Profile My Facebook

copy aja kodenya dan coba dipelajari..

<marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 90px; width: 156px; font-family: Cursive; position: absolute; top: 83px; height: 100px;" onmouseout="this.start()" scrollamount="1"><a href="http://www.google.com/s2/profiles/108276204690151158049"><span style="color: rgb(255, 0, 0);">My Profile</span></a></marquee><br /> <marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 171px; width: 75px; font-family: Cursive; position: absolute; top: 85px; height: 62px;" onmouseout="this.start()" scrollamount="2"><a href="http://id-id.facebook.com/karsono.sajah"><span style="color: rgb(0, 255, 0);">My Facebook</span></a></marquee><br /> <marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 92px; width: 64px; font-family: Cursive; position: absolute; top: 141px; height: 40px;" onmouseout="this.start()" scrollamount="4"><a href="http://www.google.com/s2/profiles/108276204690151158049"><span style="color: rgb(0, 0, 0);">My Profile</span></a></marquee><br /> <marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 160px; width: 59px; font-family: Cursive; position: absolute; top: 119px; height: 26px;" onmouseout="this.start()" scrollamount="2"><a href="http://www.google.com/s2/profiles/108276204690151158049"><span style="color: rgb(0, 128, 0);">My Profile</span></a></marquee><br /> <marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 105px; width: 94px; font-family: Cursive; position: absolute; top: 108px; height: 32px;" onmouseout="this.start()" scrollamount="3"><a href="http://id-id.facebook.com/karsono.sajah"><span style="color: rgb(255, 0, 255);">My Facebook</span></a></marquee><br /> <marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 185px; width: 60px; font-family: Cursive; position: absolute; top: 144px; height: 35px;" onmouseout="this.start()" scrollamount="2"><a href="http://www.google.com/s2/profiles/108276204690151158049"><span style="color: rgb(128, 0, 0);">My Profile</span></a></marquee><br /> <marquee direction="down" onmouseover="this.stop()" style="font-size: 8pt; left: 116px; width: 69px; font-family: Cursive; position: absolute; top: 150px; height: 31px;" onmouseout="this.start()" scrollamount="4"><a href="http://id-id.facebook.com/karsono.sajah">My Facebook</a></marquee>

rebesss