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