Cara membuat tulisan berjalan di Website/Blog

Koding Blogger Running Teks

Secara default, teks akan berjalan dari kanan ke kiri dan berulang terus-menerus.

<marquee> TULISAN BERJALAN </marquee>

Tulisan berjalan dari kanan ke kiri, atau dari kiri ke kanan

<marquee direction="left" scrollamount="10"> Tulisan berjalan ke kiri </marquee><br />
<marquee direction="right" scrollamount="10"> Tulisan bejalan ke kanan </marquee>

Tulisan berjalan dari atas ke bawah, atau dari bawah ke atas

<marquee align="center" direction="down" scrollamount="3"> Tulisan berjalan ke bawah </marquee><marquee align="center" direction="up" scrollamount="3"> Tulisan berjalan ke atas </marquee>

Tulisan berjalan memusat atau berlawanan arah (kiri - kanan)

<marquee direction="right" width="50%"> Tulisan berjalan arah memusat</marquee><marquee direction="left" width="50%"> Tulisan berjalan arah memusat </marquee><marquee width = "50%"> Tulisan berjalan berlawanan arah </marquee><marquee direction="right" width="50%"> Tulisan berjalan berlawanan arah </marquee>

Tulisan berjalan memantul (bolak balik Bo)

<marquee behavior="alternate" scrollamount="10"> Tulisan berjalan memantul </marquee>

Tulisan berjalan Zig-zag

<marquee behavior ="alternate" direction = "up" height="60px" scrollamount="30"> <br />
<marquee direction="right" scrollamount="6"> Tulisan berjalan zig-zag </marquee> </marquee>

Tulisan berjalan melayang

<marquee behavior="alternate" direction="up" height="100" scrollamount="6" weight="460">
<marquee behavior="alternate" direction="right"> Tulisan berjalan melayang </marquee> </marquee>

Tulisan berjalan dengan atribut "behavior"

<marquee behavior="scroll" scrollamount="10" width="460">Tulisan berjalan (scroll) </marquee><br />
<marquee behavior="slide" scrollamount="10" width="460"> Tulisan berjalan (slide) </marquee><br />
<marquee behavior="alternate" scrollamount="10" width="460"> Tulisan berjalan (alternate) </marquee>

Tulisan berjalan dengan atribut "vspace"

<marquee bgcolor="red" scrollamount="10" width="450"> Tulisan berjalan (vspace) </marquee><br />
<marquee bgcolor="yellow" scrollamount="10" vspace="15" width="450"> Tulisan berjalan (vspace) </marquee><br /><marquee bgcolor="green" scrollamount="10" vspace="15" width="450"> Tulisan berjalan (vspace) </marquee>

Tulisan berjalan dengan "hspace"

<marquee bgcolor="red" hight="100" width="400"> Tulisan berjalan (hspace) </marquee> <br />
<marquee bgcolor="yellow" hight="100" hspace="15" width="400"> Tulisan berjalan (hspace) </marquee><br /> <marquee bgcolor="green" hight="100" hspace="40" width="400"> Tulisan berjalan (hspace) </marquee>

 Tulisan berjalan dengan Background

<marquee align ="center" direction ="left" scrollamount="10"> Tulisan berjalan dengan background </marquee>

Tulisan berjalan dengan link, dan akan berhenti ketika pointer diletakkan di atasnya

<marquee align="center" direction="up" height="200" onmouseout ="this.start()" onmouseover = "this.stop()" scrollamount="2" width="100%">
<a href="http://ricohaloho.blogspot.com/2018/10/tentang-media-sosial.html?"> Tentang media sosial </a><br />
<a href="http://ricohaloho.blogspot.com/2019/02/katakan-adios-untuk-hoax.html?"> Katakan "adios" untuk hoax</a><br />
<a href="http://ricohaloho.blogspot.com/2019/04/menulis-nakal-jelang-pilpres-2019.html?"> Menulis nakal jelang Pilpres </a><br /> </marquee>

Gambar berjalan dengan tag Marquee

<marquee direction="right" scrollamount="10">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxXp3FWoZnIovoIW-xbgklDx8GwqEraxnYdwev2Y15I08zuSMuvgGM0kRKh57IJstm8cvy6EWSRBTaqtpA4Znh5qMFqTqeBpN_W64TGl9Vmc-hx1hnlqkhJodGFoR6re66-dUywubt0huf/s1600/Gambar-berjalan%25283%2529.gif" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxXp3FWoZnIovoIW-xbgklDx8GwqEraxnYdwev2Y15I08zuSMuvgGM0kRKh57IJstm8cvy6EWSRBTaqtpA4Znh5qMFqTqeBpN_W64TGl9Vmc-hx1hnlqkhJodGFoR6re66-dUywubt0huf/s1600/Gambar-berjalan%25283%2529.gif" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheReSVKyi7WhtqdXOfu6m95nVJBE_RhKEg5yxtSw7HSIMP6uwrK6BN57U91hVUFq_zRuoWiXeiMARVt2oIztn6SEZhuBHo_Ezbk0YHDUyZZAnOCeqY8o0enIL88sqxgKvEwRx1qP-GmmH9/s1600/Gambar-berjalan.jpg" /> </marquee>