chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Kamis, 09 Februari 2012

Cara Membuat Teks Berjalan


Cara Membuat Teks Berjalan

tampilan blog kita, ia juga sebagai pengundang per-
hatian mata para pengunjung blog kita, karena ada
sedikit perasaan beda dari biasanya, yang mana
pada umumnya teks itu tidak bergerak atau berjalan.
Kita langsung saja ke tutorial cara membuatnya.

Dari kanan ke kiri :

Kodenya :

<marquee>TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN

Dari kiri ke kanan :

Kodenya :

<marquee direction="right">TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN


Dari bawah ke atas :

Kodenya :

<marquee direction="up">TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN

Dari atas ke bawah :

Kodenya :

<marquee direction="down">TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN


Berhenti bila mouse di atasnya :

Kodenya :

<marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()">TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN
Bolak-balik/memantul :

Kodenya :

<marquee behavior="alternate">TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN
Naik ke arah kanan :

Kodenya :

<marquee direction="up" width="85%"><marquee direction="right">TEKS DI SINI</marquee></marquee>

Contohnya :

CONTOH TEKS BERJALAN 
Naik-turun zig-zag :

Kodenya :

<marquee behavior="alternate" direction="up" width="85%"><marquee behavior="alternate" direction="right">TEKS DI SINI</marquee></marquee>

Contohnya :

CONTOH TEKS BERJALAN
Berhenti bila mouse di atasnya,
dan berbackground :

Kodenya :

<marquee bgcolor="#80ff00" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="85%px">TEKS DI SINI</marquee>

Contohnya :

CONTOH TEKS BERJALAN
KETERANGAN :

*  scrollamount=
   Untuk mengantur kecepatan,
   semakin kecil angkanya maka 
   semakin lambat berjalannya.

*  width= & height=
   Untuk mengatur batas ruangnya.

*  Left= & right=
   Untuk mengatur kiri & kanannya.

*   bgcolor=
   Untuk mengatur warna dasarnya.

*  Selain teks, bisa juga untuk
   membuat gambar/image berjalan.
 

   Kodenya :

<marquee align="center" behavior="alternate" direction="left" height="100" scrollamount="3" width="85%">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://s1128.photobucket.com/albums/m486/syamsudin1/?action=view&amp;current=burung1.gif" target="_blank"><img src="http://i1128.photobucket.com/albums/m486/syamsudin1/burung1.gif" /></a></div>
</marquee>

  Hasilnya :

Tidak ada komentar:

Posting Komentar

untuk foto:[img]url gambar[/img] Jika Video:[youtube]URL Video[/youtube]
Jika kata - kata mutiara:[blockquote]Kata-kata Anda[/blockquote]
Anda juga bisa menggunakan emoticon seperti biasa. koment di sini v