Home » , , » Cara Membuat Teks Berjalan atau Marquee

Cara Membuat Teks Berjalan atau Marquee

Written By Justang Zealotous on Minggu, 01 Januari 2012 | 01.09

Teks berjalan yang biasa disebut dengan MARQUEE ini memang sangat keren dan biasanya MARQUEE ini digunakan pada postingan yang ingin menyampaikan sesuatu atau Link.

Tapi cara membuat teks berjalan(Marquee)bagaimana????

Caranya gampang dengan kode dibawah ini.

1. Cara membuat teks berjalan ke kanan ke kiri(default)

Kode/HTML

<marquee> Membuat teks berjalan </marquee>

Hasil

Membuat teks berjalan

2. Cara membuat teks ke kiri ke kanan(direction)

Kode/HTML

<marquee behavior="scroll" direction="right" height="50" width="auto">Teks berjalan dari kiri ke kanan</marquee>

Hasil

Teks berjalan dari kiri ke kanan

3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"

Kode/HTML
<marquee behavior="scroll" direction="left" scrollamount="5">Teks bergerak lambat</marquee>
<marquee behavior="scroll" direction="left" height="100" scrollamount="30" width="auto">Teks bergerak lebih cepat</marquee>

Hasil

Teks bergerak lambat

Teks bergerak lebih cepat

4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan

Kode/HTML
<marquee behavior="alternate">Teks berjalan bolak balik</marquee>

Hasil

Teks berjalan bolak balik

5. Membuat teks bergerak dari bawah ke atas

Kode/HTML
<marquee behavior="scroll" direction="up" height="200" width="auto">
Teks bergerak dari bawah ke atas
</marquee>

Hasil




Teks bergerak dari bawah ke atas



copy kode tersebut dan paste ke postingan anda.

Selamat Mencoba, jika ada MARQUEE yang lain yang anda tahu silahkan berikan komentar anda
Buat Kalian yang ingin TUKARAN LINK dengan saya, silahkan klik DISINI
Share this article :
Comments
0 Comments

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!
Pasang Yahoo Emoticon Anda

Poskan Komentar

Jika ada yang kurang paham mengenai artikel ini, silahkan kirim komentar dan harus relevan dengan isi artikel di atas.INGAT jangan memberikan komentar dengan bumbu SPAM,P*RNO,PROMO,LINK !!! Terima Kasih dan jangan lupa follow blog ini nanti saya akan follback promise

 
Back To Top : Klik untuk Kembali ke Halaman Atas ↑↑↑
Copyright © 2011. Belajar Internet - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Free Coupons