Cara membuat tulisan berjalan (marquee) bagian ke 2

Melanjutkan Postingan yang kemarin lusa yaitu tentang cara membuat tulisan berjalan (marquee). Maka pada postingan kali ini akan di bahas mengenai cara membuat tulisan berjalan (marquee) bagian ke 2.

Agar tidak terlalu monoton, pada pembuatan mengenai cara membuat tulisan berjalan (marquee) bagian ke 2 ini, akan saya beri sentuhan baru, yaitu macam-macam contoh yg lainnya.

Ingat, Kode dasar untuk membuat marquee atau teks berjalan adalah :
<marquee> TULISAN YANG AKAN BERGERAK </marquee>

Contoh Hasilnya :

Contoh hasilnya :  

c

Contoh hasilnya :

TULISAN YANG AKAN BERGERAK

Tapi selain kode di atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi dari marquee.

Ini Marquee dengan memakai waktu, kodenya adalah : 
<marquee scrolldelay="500">TEKS BERJALAN DENGAN MEMAKAI WAKTU 0,5 DETIK</marquee>
kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000.

Hasilnya akan terlihat seperti di bawah ini:

TEKS BERJALAN DENGAN MEMAKAI WAKTU 0,5 DETIK

Lalu ini Marquee yang hanya memakai Lebar 50%, kodenya adalah :

<marquee width="50%">MARQUEE / TEKS BERJALAN HANYA LEBAR 50 PERSEN SAJA</marquee>


kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen.

Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN HANYA LEBAR 50 PERSEN SAJA

Lalu ini Marquee yang ada pesannya, kodenya adalah :
<marquee title="INI PESANNYA : SALAM BLOGGER DARI SOREANG">MARQUEE / TEKS BERJALAN DENGAN PESAN</marquee></marquee>

Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN DENGAN PESAN

kode title="pesan-nya" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan.

Lalu ini Marquee yang memakai kecepatan, kodenya adalah :
<marquee scrollamount="12"> MARQUEE / TEKS BERJALAN DENGAN KECEPATAN 12!!!</marquee>

Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN DENGAN KECEPATAN 12!!!

kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya maka akan semakin kencang Tulisan Marquee-nya.

Lalu ini Marquee Zigzag tembus, kodenya adalah :
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> MARQUEE / TEKS BERJALAN ZIGZAG TEMBUS</marquee></marquee>

Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN ZIGZAG TEMBUS

Lalu ini Marquee Zigzag Memantul, kodenya adalah :
<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate"width="90%"><marquee direction="right" behavior="alternate"> MARQUEE / TEKS BERJALAN ZIGZAG MEMANTUL </marquee></marquee></center


Hasilnya akan seperti ini :

MARQUE / TEKS BERJALAN ZIGZAG MEMANTUL

Lalu ini Marquee Bolak-Balik, kodenya adalah :
<marquee behavior="alternate"> MARQUEE / TEKS BERJALAN YANG BERGERAK BOLAK-BALIK </marquee>

Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN YANG BERGERAK BOLAK-BALIK

Lalu ini Marquee Bolak-Balik Memakai Gambar atau poto, ini kodenya :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="<a href=http://www.RahasiaWebsitePemula.com/?id=ddsobirin ><a href="http://www.RahasiaWebsitePemula.com/?id=ddsobirin" class="style4" target="_blank"><img src="http://rahasiawebsitepemula.com/member/banner-rwp8.jpg"></a> </a> </marquee>

Hasilnya akan seperti ini :



Lalu ini Marquee Balapan, kodenya adalah :
<marquee scrollamount="6"> MARQUEE / TEKS BERJALAN BALAPAN </marquee> <marquee scrollamount="8"> MARQUEE / TEKS BERJALAN BALAPAN </marquee> <marquee scrollamount="10"> MARQUEE / TEKS BERJALAN BALAPAN </marquee> <marquee scrollamount="12"> MARQUEE / TEKS BERJALAN BALAPAN </marquee> <marquee scrollamount="14"> MARQUEE / TEKS BERJALAN BALAPAN </marquee>


Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN BALAPAN MARQUEE / TEKS BERJALAN BALAPAN MARQUEE / TEKS BERJALAN BALAPAN MARQUEE / TEKS BERJALAN BALAPAN MARQUEE / TEKS BERJALAN BALAPAN

Lalu ini Marquee Memakai Border, kodenya adalah :
<marquee style="border: BLUE 2px SOLID;"> < marquee style="border: blue 2px SOLID; <a href=”http:// carabuatwebblog.blogspot.com/2014/04/cara-membuat-tulisan-berjalan-marquee.html “>CARA MEMBUAT TEK BERJALAN / MARQUE BAGIAN 1"> </a><a href=http://carabuatwebblog.blogspot.com/2014/04/cara-membuat-tulisan-berjalan-marquee_13.html> CARA MEMBUAT TEK BERJALAN / MARQUE BAGIAN 2"> </a></marquee>

Hasilnya akan seperti ini :

CARA MEMBUAT TEK BERJALAN / MARQUE BAGIAN 1          CARA MEMBUAT TEK BERJALAN / MARQUE BAGIAN 2

Ok, hanya itu saja dulu yang bisa di jelaskan. sekarang anda sudah tahu cara membuat dan memasangnya. Berarti saudara sudah bisa bereksperimen sendiri untuk menghiasi blog menjadi lebih menarik. Jadi sekian dulu artikelnya.

Semoga saja artikel cara membuat tulisan berjalan (marquee) bagian ke 2. ini dapat bermanfaat bagi anda, Terima Kasih sudah mampir...

dapat bermanfaat bagi anda yg membacanya ...
- See more at: http://carabuatwebblog.blogspot.com/2014/04/cara-membuat-tulisan-berjalan-marquee.html#sthash.bfdnPRMT.dpuf

Semoga saja artike

Semoga saja artike

 Selamat Berkreasi membuat marquee nya... ya sobat...