Buat bisnismu menarik dengan menggunakan layanan kami. Klik disini.
Beranda
Coding

Cara Membuat Teks Berjalan

Marquee merupakan salah satu dari program HTML yang dimiliki oleh blog, fungsinya adalah untuk membuat sebuah teks postingan yang bisa bergerak atau berjalan dari arah kiri ke kanan dari bawah ke atas atau sebaliknya, efek marquee bisa juga untuk membuat teks berjalan bolak-balik tergantung pada perintah yang di masukan.

Program ini cukup banyak diminati dan dipakai oleh pengguna blogger karena sifatnya yang menarik, efek ini sering dipakai untuk menyampaikan informasi penting, update info terbaru, selain menarik program marquee bisa dijadikan sebagai alternative untuk menghemat ruangan yang ada di halaman blog.

Dalam pembuatanya Efek marquee ini sebenarnya cukup sederhana yaitu dengan membuat tag <marquee> lalu ditutup dengan tag </marquee>.

Agar lebih jelas dalam penerapan efek marquee, berikut ini adalah beberapa contoh perintah kode marque saya terapkan, untuk perintah-perintah yang lain sahabat netter bisa kreasikan sendiri sesuai kebutuhan :

Kode marquee bergerak dari kiri ke kanan, Gerakan dari bawah ke atas atau sebaliknya silahkan rubah perintah right dengan left, down, dan up

<marquee align="center" direction="left" height="200" scrollamount="2" width="100%">MASUKAN TEKS ANDA DISINI</marquee>

Hasilnya :

MASUKAN TEKS ANDA DISINI

Kode marquee dengan variasi warna latar belakang dan jenis font :

<!DOCTYPE html>
<html lang='en'>
<head>
<style>
div, .marquee{
  text-align: left;
  font-family: georgia;
  color: #ffffff;
  background-color: #000;
}

div, marquee{
  background-color: #000;
  font-weight: bold;
  width: 100%;
  height: auto;
  scrollamount: 3;
  behavior: alternate;
}
</style>

<body>
<div class="marquee">
<marquee>MASUKAN TEKS ANDA DISINI</marquee>
</div>

</body>
</html>

Hasilnya :

MASUKAN TEKS ANDA DISINI

Kode marquee dengan variasi link URL :

<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%"> <br /><a href="http://codesaia.blogspot.com" target="new">Code Saya</a><br />the best tutorial blogger<br /><br /></marquee>

Hasilnya :


Code Saya
the best tutorial blogger
Kira-kira kalian mau dibuatkan artikel tentang apalagi? Tuliskan di kolom komentar