Cara Membuat Teks Berjalan Ke atas, ke Bawah dan Kesamping

Tutorial berikut kita akan membahas bagaimana cara membuat teks berjalan, baik itu berjalan dari kiri ke kanan dan sebaliknya serta dari bawah ke atas dan juga sebaliknya. Kode perintah HTML yang digunakan untuk membuat teks berjalan ini adalah MARQUEE dan tanpa bertele-tele yuk kita mulai.




1. Teks berjalan dari Kiri ke Kanan , kodenya adalah :

<MARQUEE align="center" direction="right" height="45" scrollamount="2" width="20%">

Marquee dari kiri ke kanan

</MARQUEE>

Kode diatas akan menghasilkan tampilan sebagai berikut:

Marquee dari kiri ke kanan

Note: Pada huruf yang berwarna merah dapat anda sesuaikan dengan keinginan, contohnya jika tulisan ingin berjalan dari kanan ke kiri maka di ubah menjadi "left" , ukuran height adalah tinggi dari area tulisan yang bergerak, scrollamount adalah kecepatan teks bergerak.Semua teks yang berwarna merah dapat disesuaikan dengan lebar sidebar blog.

2. Teks berjalan menurut sifat, kodenya adalah :

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="20%" behavior="alternate">

Marquee menurut sifat

</MARQUEE>

Kode diatas akan menghasilkan tampilan sebagai berikut:

Marquee menurut sifat

3. Teks berjalan / bergulir keatas, kodenya adalah :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="20%" height="50" align="center">

<a href="#" target="new">Selamat Datang</a><br />

<a href="http://galeryzone.blogspot.com/" target="new">Di Galery Zone</a><br />

<a href="http://galeryzone.blogspot.com/search/label/Tips Trik Bisnis" target="new">Tempat Berbagi</a><br />

</marquee>

Kode diatas akan menghasilkan tampilan sebagai berikut:

Selamat Datang
Di Galery Zone
Tempat Berbagi



Note: Jika Anda menginginkan yang berjalan adalah sebuah image/gambar, maka gantilah semua teks yang berwarna biru dengan sourch image Anda.

4. Teks berjalan dengan background, kodenya adalah :

<div align="left"> <b><MARQUEE BGCOLOR="RED" width="20%" scrollamount="3" behavior="alternate">

dengan background

</MARQUEE></b> </div>

Kode diatas akan menghasilkan tampilan sebagai berikut:

Dengan background

Mudah bukan membuat teks berjalan di blog? Selamat mencoba

Semoga Bermanfaat