Kode html tulisan berjalan dan berwarna

Tulisan berjalan sering kita jumpai di televisi atau media view lainnya baik di mall-mall atau toko-toko. Dan website anda kalau ada tulisan berjalan akan menambah daya tarik website tersebut.

Untuk membuat tulisn berjalan di website sangat mudah dengan menggunakan kode HTML. Jadi teman-teman yang tertarik dengan tulisan berjalan dapat dapat mengikuti ulasan ini. Tulisan ini bisa di kembangan sendiri dengan berbagai kode HTML sesuai dengna selera masing-masing.

Tulisan berjalan yang disajikan ini hanya tulisan berjalan dengan warna, disertai dengan background warna. Untuk kode HTML sebagai berikut :

  1. Untuk kode HTML tulisan berjalan adalah    <marquee puskesmas tembelang marquee/>    maka puskesmas tembelang akan berjalan di post teman-teman atau di widget yang HTML.
  2. Kode HTML warna font adalah <font color=”red”> artinya warna tulisan akan berwarna merah.
  3. Kode HTML bacground warna adalah   <bgscroll=”bue”> artinya background tulisan berwarna biru.
  4. Kalau di gabung kode HTML tulisan berjalan dengan font merah dan background biru adalah sebagai berikut :     <marque bgcolor=”yellow”><font color=”blue”</marquee>

Kode diatas dapat di copy dan diletakan pada format yang HTML. Format HTML bisa di letakan di widget HTML atau pada post artikel dengan format HTML dengan bantuan plugin html. Dengan bantuan plugin html maka kode html dapat di letakan di post dengan sortcode.

Demikian cara membuat tulisan berjalan silahkan dikembangkan sendiri dengan kode-kode HTML lainnya yang lebih menarik sesuai selera teman-teman.

kode html lainnya :

  1. scrolldelay=”500″> : berjalan lambat
  2. scrollamount=”10″> : berjalan cepat

link terkait :

https://www.petanikode.com/codeigniter-login/

https://www.petanikode.com/codeigniter-database/

https://recodeku.blogspot.com/

Kode html tulisan berjalan dan berwarna

Membuat Tulisan Berjalan lengkap dan banyak pilihan untuk di Blogspot.
Teks berjalan lebih dikenal dengan nama marquee, dan lingkupnya bukan hanya teks, gambar pun bisa dibuat berjalan.

Teks berjalan atau marquee umumnya di tempatkan di sebuah blog sebagai pesan selamat datang atau sebagai berita.
Tulisan atau gambar yang di blog bisa bergerak, dibuatnya bergerak adalah perilaku marquee [ marquee behavior ]

Nama awal nya adalah marguee yang di tambahkan perintah bergantian [ alternate ]
Perintah perilaku bergerak kekiri dan kekanan. serta jenis yang di simpan dalam marguee, berupa tulisan atau gambar.

Untuk membuat tulisan bergerak tidaklah susah, hanya selipkan sedikit kode script html saja.

☑ Cara membuat tulisan berjalan

  • Login ke blogger.
  • Pilih Rancangan kemudian Tambah Gadget atau di Postingan.
  • Pilih HTML/JavaScript.
  • Masukan kode script yang di bawah.
  • Aneka Marquee pilihlah yang sesuai.



Teks Bergerak Memantul

⇒ Kode script

<marquee behavior="alternate">Teks Bergerak Memantul</marquee>




Teks akan berhenti di sentuh mouse

⇒ Kode script

<marquee width="100%" onmouseover="this.stop()" onmouseout="this.start()">Teks akan berhenti di sentuh mouse</marquee>




Teks dengan background warna dan teks berwarna

⇒ Kode script

<marquee bgcolor="#cccccc" style="font-family:arial;font-size:14px;color:#0000ff;" width="100%">Teks dengan background warna dan teks berwarna</marquee>




Teks bergerak mulai arah kekanan

⇒ Kode script

<marquee direction="right" height="30" width="100%">Teks bergerak ke arah kanan</marquee>

  • direction="right" adalah bergerak arah kanan.
  • direction="left" adalah bergerak arah kiri.
  • direction="down" adalah bergerak arah bawah.
  • direction="up" adalah bergerak arah atas.



Teks bergerak kekiri Teks bergerak kekanan

⇒ Kode script

<marquee direction="left" style="background-color:#ff0000;border:1px solid #ffffff;color:#ffffff;font-family:&quot;arial&quot;;font-size:14px;" width="40%">Teks bergerak kekiri</marquee><marquee direction="right" style="background-color:#ffffff;border:1px solid #ffffff;color:#ff0000;font-family:&quot;arial&quot;;font-size:14px;" width="40%">Teks bergerak kekanan</marquee>




Teks bergerak kebawah
Teks bergerak keatas

⇒ Kode script

<marquee direction="down" height="40" width="100%" scrollamount="2" style="background-color:#ff0000;border-top:0px solid #000000;font-family:arial;font-size:14px;color:#fff;text-align:center;">Teks bergerak kebawah</marquee><br /><marquee direction="up" height="40" width="100%" scrollamount="2" style="background-color:#ffffff;border-bottom:0px solid #000000;font-family:arial;font-size:14px;color:#ff0000;text-align:center;">Teks bergerak keatas</marquee>




Teks bergerak disertai LINK

⇒ Kode script

<marquee direction="right" width="100%" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://www.kukuhacu.com/2019/01/membuat-tulisan-marquee-berjalan-di-blog.html">Teks bergerak disertai LINK</a></marquee>




⇒ Kode script

<!--CJP Marguee Berwarna Kelap Kelip s--><marquee behavior="alternate" direction="left" onmouseout="run" onmouseover="stop" scrollamount="5" width="100%">
<script type="text/javascript">
var message="Teks Bergerak Berwarna Kelap Kelip"
var bgsGR1color="Red" /* teks pembuka*/
var bgsGR2color="blue" /* teks flash */
var bgsGR3color="yellow" /* teks flash kedua */
var flashspeed=20 // kec. penggantian warna (1/2000)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=20 // waktu pergantian (1/2000)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script></marquee><!--CJP Marguee Berwarna Kelap Kelip e-->




Teks Berjalan Hanya 2 kali

☆ Klik refresh untuk melihat ulang   

⇒ Kode script

<marquee direction="right" loop="2" scrollamount="8">Teks Berjalan Hanya 2 kali</marquee>




Kode html tulisan berjalan dan berwarna
Kode html tulisan berjalan dan berwarna
Kode html tulisan berjalan dan berwarna
Kode html tulisan berjalan dan berwarna
Kode html tulisan berjalan dan berwarna
Kode html tulisan berjalan dan berwarna

Teks Bergerak diganti Gambar

⇒ Kode script

<marquee direction="left" style="background-color:#ffffff;border:1px solid #ffffff;color:#ffffff;font-family:&quot;arial&quot;;font-size:14px;" width="48%"><img border="0" height="54" src="https://2.bp.blogspot.com/-m5wHr1K59tA/XCaHteSkQOI/AAAAAAAAJwk/8luvKZ6UK4oILJJlZ6HKMyAaafTUw5siQCLcBGAs/s200/Orang%2Bbuatan%2BCJP%2Buntuk%2BMerguee%2B-2%2BLawannya.png" width="107" /></marquee><marquee direction="right" style="background-color:#ffffff;border:1px solid #ffffff;color:#ffffff;font-family:&quot;arial&quot;;font-size:14px;" width="48%"><img border="0" height="54" src="https://2.bp.blogspot.com/-YSPgArvXzOQ/XCaHtqw3H_I/AAAAAAAAJwo/IE2fketmPIgl2byh2X2ZnOcMEj09Kj80ACLcBGAs/s200/Orang%2Bbuatan%2BCJP%2Buntuk%2BMerguee%2B-2.png" width="107" /></marquee>


📁 Begitulah penjelasan Marquee, semoga panduan bisa dipahami.
[ # Konten Tips Blogger ]

Bagaimana cara membuat teks berjalan pada HTML?

Untuk dapat membuat teks berjalan, Anda dapat menggunakan pasangan tag <marquee>Isi teks disini</marquee>.

Bagaimana cara membuat tulisan berjalan?

Membuat Tulisan Berjalan di Android.
Download LED Scroller Pro di Google Play (gratis)..
Buka Aplikasi..
Ketik teks yang kamu inginkan, kemudian ubah sesuai keinginan mulai dari jenis dan ukuran teks, background atau menambah ikon..
Setelah selesai klik Save..
Buka Library untuk melihat tulisan-tulisan yang sudah kamu buat..