Cara Membuat Teks Berjalan (Marquee) Dengan Notepad

Teks berjalan (running text/marquee) sering kita temui di layar televisi, baik pada siaran berita maupun acara sinetron.

Pada tampilan sebuah website akan tampak lebih menarik dengan properti running teks yang bergerak dari kanan ke kiri dan lain-lain.

Pembuatan teks berjalan dapat kita buat dengan kode html dan tanpa bantuan aplikasi berat. Hanya dengan aplikasi Notepad bawaan windows kita sudah bisa membuatnya. Berikut langkah pembuatannya:

1. Buka Notepad pada menu Start>All Programs>Notepad>Accessories>Notepad
2. Ketik kode html berikut:
A. Bergerak dari kiri ke kanan

<marquee align="center" direction="right" height="50" scrollamount="5" width="100%">Teks berjalan dari Kiri ke Kanan</marquee>

Hasilnya akan tampak seperti di bawah ini:
Tulisan berjalan dari Kiri ke Kanan
B. Bergerak dari kanan ke kiri


<marquee align="center" direction="left" height="50" scrollamount="8" width="100%">Teks berjalan dari kanan ke kiri</marquee>

Hasilnya akan tampak seperti di bawah ini:
Teks berjalan dari kanan ke kiri
C. Memantul ke kiri dan ke kanan

<marquee align="center" direction="left" height="50" scrollamount="8" width="100%" behavior="alternate">Teks memantul ke kiri dan ke kanan</marquee>

Hasilnya akan tampak seperti di bawah ini:
Teks memantul ke kiri dan ke kanan
D. Teks berjalan dengan background


<p><span style="font-family: Arial">
<marquee bgcolor="red" style="color: white; font-size: 26">Selamat datang di blog Kak Hady Berbagi</marquee></span></p>

Hasilnya akan tampak seperti di bawah ini:
Selamat datang di blog Kak Hady Berbagi

3. Simpan dengan cara klik menu File > Save As > Tentukan lokasi penyimpanan file > Ganti File type dengan All files > Isi kotak file name dengan nama file sudah dibuat tadi diikuti tanda titik dan html Contoh: Teks-berjalan.html > Save
4. Buka file yang sudah dibuat dengan cara double-click, otomatis akan terbuka dengan browser default komputer anda.

Cukup sekian, semoga bermanfaat. Mohon maaf bila terdapat kekurangan dan kesalahan. Oleh karena itu dimohon komentarnya.

Baca juga:

Kak Hady Berbagi

1. Terima kasih telah berkunjung dan membaca artikel ini

Judul : Cara Membuat Teks Berjalan (Marquee) Dengan Notepad
URL : http://hady-berbagi.blogspot.com/2013/11/tutorial-kode-html-teks-berjalan.html?m=0
Diposkan oleh : Kang Hady
Pada : Kamis, 28 November 2013.
Pukul : 17:53
Label/kategori : Ilmu Komputer , Web Desain
Bagikan ke : Facebook | Google+ | Twitter | Digg

2. Saya mengharapkan kritik dan saran dari pembaca semua. Untuk itu silakan berkomentar pada setiap postingan blog ini;
3. Setiap komentar yang anda berikan adalah masukan bagi saya agar blog ini lebih baik.