Rabu, 01 Juli 2009
Browse Manual »
Wiring »
Animasi
»
Teks
»
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
Tampilan 2
Tampilan 3
Tampilan 4
Tampilan 5
Cara Membuat Marquee atau Teks Berjalan
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>
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>
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>
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>
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>