Membuat teks berjalan ( Marquee Text ) | Tulisan Dika

Rabu, 02 Februari 2011

Home » » Membuat teks berjalan ( Marquee Text )

Membuat teks berjalan ( Marquee Text )

Sob, sebelumnya kalian udah pada tau belum marquee text itu apa???
hmm marquee text itu adalah Membuat tulisan menjadi ada efeknya yaitu bergerak ke arah yang kita inginkan sob.
marquee text juga berfungsi menghemat halaman blogger anda, biar ga kramean gituu gatai
cara buatnya simpel aja kok sob, tinggal copas-copas kode HTML yang saya sediakan aja.
hmm bingung yah???
yaudah langsung saja yuk kita mulai cara membuat marquee text-nya.

Sebelum dimulai ada penjelasan sedikit tentang petunjuk kode HTML yang digunakan nihh:
  • DIRECTION : "left/right/down/up" = mengatur arah gerakan teks anda
  • BGCOLOR : "Warna" = mengatur warna background di teks anda
  • BEHAVIOR : "scroll/slide/alternate" = mengatur sikap gerakan teks anda
  • TITLE : "Pesan" = Pessan yang akan muncul pada saat mouse di letakkan diatas tulisan
  • SCROLLMOUNT : "Angka" = Mengatur kecepatan gerakan dalam satuan pixel, jika semakin besar angka, semakin cepat pula gerakkannya
  • SCROLLDELAY : "Angka juga" = Mengatur gerakkan tunda dalam satuan waktu mili detik
  • LOOP : "Angka|-1|infinite" = mengatur jumlah loop
  • WIDTH : "Lebar" = Mengatur ukuran lebar blok teks dalam satuan pixel atau persen
setelah sobat semua tau kata kunci dari HTML ini, maka sekarang saatnya kita membuat, saya kasih contoh yah sob.

> Marquee tipe 1 :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

Teks Marquee Dari Kanan Ke Kiri, hehehe

</MARQUEE>

Tampilan Seperti ini :



Teks Marquee Dari Kanan Ke Kiri, hehehe



Ganti deh sob kata Right jadi sesuai keinginan anda, bisa left, up, down.

> Marquee tipe 2 :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

Teks Marquee Memantul. hihi

</MARQUEE>

Tampilan seperti ini :



Teks Marquee Memantul. hihi



> Marquee tipe 3 ( Dengan Warna ) :

<div align="left">&ltFONT FACE="georgia" color="black"><B><MARQUEE BGCOLOR="blue" width="70%" scrollamount="6" behavior="alternate">

Apa Kabar Sobat tulisan-dika???

</MARQUEE></b></FONT></div>

Tampilan Seperti ini :

<&ltFONT >

Apa Kabar Sobat tulisan-dika???



> Marquee tipe 4 ( Di tunjuk krusor langsung berhenti ) :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

Tampilan Seperti ini :



silahkan tunjuk ke sini



> Marquee tipe 5 ( Dengan Link ) :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://www.tulisan-dika.blogspot.com/" target="new">tulisan-dika website</a><br/>

<a href="http://www.tulisan-dika.blogspot.com/search/label/software" target="new">Software</a><br/>

<a href="http://www.tulisan-dika.blogspot.com/search/label/tips%20n%20trick" target="new">Tips n Trick</a><br/>

</marquee>

Tampilan Seperti ini :



tulisan-dika website


Software


Tips n Trick




yaah mungkin hanya segitu sob yang bisa saya ajarkan, mungkin kalian ada ide untuk mebuat variasi baru nantinya, hehe selamat mencoba dan semoga bermanfaat yah sobat sengihnampakgigi

0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

Silahkan Anda berkomentar jika anda mendukung blog ini agar terus maju.
----------------------------------------
| No SPAM, No Porn, No SARA |
----------------------------------------

Selamat datang dan selamat membaca artikel di Dika | Dika via Handphone Klik disini