Mengenal dan membuat marquee atau teks berjalan

Blog adalah salah satu dari seni menulis dan teknologi.Kenapa demikian?karena dengan blog kita bisa mengkreasikan seni keindahan sekaligus menampilkan sesuatu yang berguna bagi orang lain dengan artikel-artikel kita.Kali ini Saya akan mengajak SHarlikers untuk mempercantik blog dengan Efek Marquee.

Apa itu marquee?

kalau dari segi bahasa nih,mungkin enggak nyambung banget dengan efek marque pada blog.Kalau dalam arti bahasa marquee itu berati tenda besar.Tetapi kalau didalam blog marquee itu digunakan untuk efek animasi berjalan pada teks maupun gadget blog kita.contohnya bisa anda lihat di Bar menu saya


Berikut saya share beberapa animasi efek marquee yang akan buat kita geleng-geleng kepala.Hehehe bercanda koq.Penamaan efek marquee ini saya kasih nama Agar mudah dikenal.Caranya tinggal copy paste marquee di bawah ini yang kamu inginkan dan ganti tulisan berwarna merah dengan kode html gadget atau teks mu
 

1.efek marquee alpha 1.0
 

Marquee ini berefek teks /gadget bergerak dari arah kiri ke kanan (Default marquee)
 

<marquee><div style="color: red;">Marquee ini berefek teks /gadget bergerak dari arah kiri ke kanan (Default marquee)</div></marquee&gt

2.efek marquee alpha 1.0.1 

Marque ini pengembangan dari versi diatas,yang mana bila disorot cursor akan berhenti sejenak

<marquee onmouseover="this.stop()" onmouseout="this.start()">Marque ini pengembangan dari versi diatas,yang mana bila disorot cursor akan berhenti sejenak</marquee>

3.Efek marquee alpha 1.0.2dimanfaatkan untuk bahasa Arab karena geraknya dari kanan ke kiri.

<marquee direction="right">Teks Anda</marquee>marquee2.0 <marquee behavior="alternate"> dimanfaatkan untuk bahasa Arab karena geraknya dari kanan ke kiri. </marquee>

4.Marquee Beta 2.0marquee ini kerjaannya bolak-balik didalam ruang,tidak menembus ruang sperti pendahulunya.






<marquee behavior="alternate" scrollamount="18"> marquee ini kerjaannya bolak-balik didalam ruang,tidak menembus ruang sperti pendahulunya.</marquee>5.Marquee Beta 2.0.1marquee ini agak sedikit agresif dengan penambahan scrollamount pada kodenya






<marquee behavior="alternate" scrollamount="18">marquee ini agak sedikit agresif dengan penambahan scrollamount pada kodenya</marquee>6.Marquee Beta 2.0.2Marquee ini pengembangan dari marque 2.0 dan 2.0.1 

Beta.dengan menambahkan sentuhan on-mouse stop dan on-mouse start

marquee Marquee 2.0.2 <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"&gt;Marquee ini pengembangan dari marque 2.0 dan 2.0.1 Beta.dengan menambahkan sentuhan on-mouse stop dan on-mouse start</marquee>7.Marquee Gamma 3.0MArquee ini bergerak dari bawah ke atas secara vertikal.Seperti yang anda lihat.






<marquee direction="up">Teks Anda </marquee> 8.Marquee Gamma 3.0.1Marquee ini pengembangan dari marque sebelumnya dengan tidak memiliki batas ruang,serta ditambah efek onmouse stop/start juga













<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100&quot;>Teks Anda</marquee> 9.Marquee Gamma 3.0.2Marquee ini pengembangan juga dari marquee sebelumnya tetapi didalam ruang dengan border jelas.







<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>10.Marquee Gamma 3.0.3 Marquee ini bergerak dari atas ke bawah dan dengan scrollamount yang dapat kita ubah sendiri.






<marquee direction="down" width="100%" height="100">Teks Anda</marquee>