Membuat Teks atau Gambar Berjalan

Karseno Seno

10:59 PM

1

Tutorial blog

Berkunjung ke blog sahabat, banyak yang menamilkan teks atau tulisan dan gambar berjalan. Teks dan gambar berjalan lebi menarik untuk dilihat disamping juga bisa lebih menghemat tempat.
Untuk membuat tulisan atau gambar bisa berjalan sebenarnya cukup mudah, tinggal menambahkan kode marquee. Kode Marquee adalah suatu kode HTML yang diawali dan diakhiri dengan kata Marquee. Kode lengkanya

adalah : <marquee>...</marquee>
Nah, diantara kode tersebut dapat ditambahin kode lainnya agar penampilan menjadi lebih menarik, seperti :

1. Bgcolor="warna" : untuk mengatur latar belakang teks.
2. Direction="left/right/up/down" : untuk mengatur arah gerakan dari teks.
3. Behavior="scroll/slide/alternate" : untuk mengatur perilaku gerakan. Scroll = teks bergerak sambil berputar. Slide = teks bergerak sekali lalu berhenti. Alternate = teks bergerak bolak-balik kekiri dan kekanan.
   
4. Title="judul" : title akan muncul saat mouse diarahkan ke tulisan.
5. Scrollmount="angka" : untuk mengatur kecepatan dalam pixel, makin besar angkanya makin cepat gerakannya.
6. Scrolldellay="angka" = Untuk mengatur waktu tunda gerakan dalam mili detik.
7. Width="lebar" = Mengatur lebar blok teks dalam pixel atau persen

Sebagai contoh adalah sebagai berikut :
Efek Marquee yang bergerak dari kiri ke kanan
Kodenya :

<marquee align="center" direction="left" height="100" scrollamount="2" width="75%">
Selamat Datang di Blog Karseno
</marquee>
Kata left bisa diganti dengan right, up atau down sesuai keinginan.

Hasil dari kode di atas akan tampak seperti :

Selamat Datang di Blog Karseno


Efek Marquee dengan prilaku gerakan :
Kodenya :

<marquee align="center" direction="right" height="100" scrollamount="3" width="100%" behavior="alternate">
Selamat Datang di Blog Karseno
</marquee>

Hasilnya akan tampak seperti :

Selamat Datang di Blog Karseno


Nah, untuk gambar bagaimana?
Untuk gambar, sahabat tinggal ganti aja huruf/tulisan dengan gambar.
Contohnya sbb :
Kode :
<marquee align="center" direction="up" height="200" scrollamount="3" width="100%" >
<p align="center"><strong style="font-weight: 400">
<a target="_blank" href="http://www.rahasiasuksesclickbank.com?vip=4079">
<img border="0" src="http://rahasiasuksesclickbank.com/images/300-A.gif" align="center" width="451" height="100" alt="belajar affiliate marketing di www.rahasiasuksesclickbank.com" /></a></strong></p>
<p align="center"><a href="http://www.onbux.com/?r=ksnote"><img src="http://www.onbux.com/banner/?bid=1" border="0" width="468" height="60" /></a></p>
<p align="center"><a href="http://www.tekan-ini.com/?r=ksnote"><img src="http://www.blakblakan.com/images/banner_468x60_v2.jpg" border="0" /></a></p>
</marquee>

Hasilnya :

Ok...! Selamat mencoba....