Rabu, 01 Juli 2009

Cara Membuat Marquee atau Teks Berjalan

Marquee atau sering disebut teks berjalan sering saya temukan pada beberapa blog. Efek marquee dapat membuat blog anda menjadi lebih cantik dan animatif. Untuk itu bagi yang ingin memasang marquee, saya kasih kodenya dibawah ini. Sobat tinggal pilih tampilan marquee yang ingin dibuat, kopi kodenya lalu paste pada Gadjet (HTML/Javascipt).

Tampilan 1

<marquee direction="right" scrollamount="3" behavior="scroll" style="width: 420px; height: 20px; color: rgb(0, 0, 0); font-size: 12px; font-family: Courier New; background-color: rgb(255, 255, 255);">www.seputarberita.blogspot.com</marquee>
www.seputarberita.blogspot.com

Tampilan 2
<marquee direction="right" scrollamount="3" behavior="scroll" style="width: 420px; height: 20px; color: rgb(255, 0, 153); font-size: 16px; font-family: Comic Sans MS; background-color: rgb(255, 255, 153);">www.seputarberita.blogspot.com</marquee>

www.seputarberita.blogspot.com

Tampilan 3
<marquee direction="right" scrollamount="3" behavior="scroll" style="border: 1px dotted rgb(255, 0, 0); width: 420px; height: 20px; color: rgb(51, 102, 204); font-size: 12px; font-family: Courier New; background-color: rgb(102, 255, 255);">www.seputarberita.blogspot.com</marquee>

www.seputarberita.blogspot.com

Tampilan 4
<marquee direction="down" scrollamount="2" behavior="scroll" style="border: 2px outset rgb(255, 0, 0); width: 420px; height: 100px; color: rgb(0, 0, 0); font-size: 12px; font-family: Courier New; background-color: rgb(255, 255, 255);">www.seputarberita.blogspot.com</marquee>

www.seputarberita.blogspot.com

Tampilan 5
<marquee direction="right" scrollamount="2" behavior="alternate" style="border: 2px groove rgb(255, 0, 51); width: 420px; height: 30px; color: rgb(0, 0, 0); font-size: 12px; font-family: Courier New; background-color: rgb(255, 153, 255);">www.seputarberita.blogspot.com</marquee>

www.seputarberita.blogspot.com

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More