Selasa, 07 Juni 2011

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="http://www.ageboy.co.cc/" target="new">Community Brudu PB</a><br />


<a href="http://ridho-n-indah.blogspot.com/" target="new">Anggota Brudu PB</a><br />


<a href="http://frespector.blogspot.com/" target="new">Bogelmen</a><br />




</marquee>

Kode diatas akan menghasilkan tampilan sebagai berikut:

Community Brudu PB


Anggota Brudu PB


Bogelmen


Note: Jika Anda menginginkan yang berjalan adalah sebuah image/gambar, maka gantilah semua teks yang berwarna hijau 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....salam Community Brudu PB

Tidak ada komentar:

Poskan Komentar