Tips Dan Trik Blogger ; Cara Membuat Marquee atau Teks Berjalan

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 (Berjalan dari kiri ke kanan di dalam kotakan tanpa background)

<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);">http://terbarugan.blogspot.com</marquee>

Tampilan 2Berjalan dari kiri ke kanan dengan background)

<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);">http://terbarugan.blogspot.com</marquee>

Tampilan 3 (Berjalan dari kiri ke kanan dengan background dan dalam kotakan)

<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);">http://terbarugan.blogspot.com</marquee>

Tampilan 4 (Berjalan dari atas ke bawah dalam kotakan)

<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);">http://terbarugan.blogspot.com</marquee>

Tampilan 5 (Berjalan dari kanan ke kiri dengan background dalam kotakan)

<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);">http://terbarugan.blogspot.com</marquee>