Cara Buat Teks Berjalan Dalam Blog

Pada tutorial ini, ada beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog.

Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee seperti contoh dibawah ini, silakan anda copy kode yang berada diatas contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda. Untuk lain-lainnya anda bisa ber experiment sendiri.

TULISAN BERGERAK KE KANAN:

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />

DEMO:

TULISAN BERGERAK KE KANAN

TULISAN BERGERAK/BERJALAN DENGAN GAMBAR:

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />

DEMO:

DISINI TULIS TEKS ANDA

TULISAN BERGERAK BOLAK BALIK:

<marquee width="300" behavior="alternate">TEKS ANDA BOLAK BALIK</marquee>

DEMO:

TEKS ANDA BOLAK BALIK

TULISAN BERGERAK DAN BERHENTI BILA CURSOR DILETAKKAN:

<marquee onMouseOver=this.stop() onMouseOut=this.start()>BERHENTI BERGERAK BILA CURSOR DILETAKAN</marquee>

DEMO:

BERHENTI BERGERAK BILA CURSOR DILETAKAN

TULISAN BERGERAK ZIG ZAG:

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">TEKS ANDA BERGERAK ZIG ZAG</marquee><br /> </marquee>

DEMO:

TEKS ANDA BERGERAK ZIG ZAG

TEKS ANDA BOUNCING AROUND:

<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">TEKS ANDA BOUNCING AROUND</marquee><br /> </marquee><br />

DEMO:

TEKS ANDA BOUNCING AROUND

TEKS ANDA BERJALAN LAMBAT:

<marquee behavior="scroll" scrolldelay=32 scrollamount=1>TEKS ANDA BERJALAN LAMBAT</marquee>

DEMO:

TEKS ANDA BERJALAN LAMBAT

Semoga Bermanfat.

Source:

blog.jacowlive