Jumat, 27 Juli 2012

Tulisan atau Teks Berjalan (Marquee) di Blog, Bagaimana Cara Membuatnya?

Tulisan atau Teks Berjalan (Marquee) di Blog, Bagaimana Cara Membuatnya?. Adanya tulisan berjalan di blog mempercantik tampilan. Dengan alasan inilah banyak blog atau website yang menaruh tulisan di blognya, baik itu di homepage ataupun di postingan.

Di sini akan dijelaskan secara singkat bagaimana cara membuat tulisan berjalan di blog dengan berbagai variasi. Ada yang berjalan ke atas, ke bawah, ke kiri, ke kanan. Ada yang berjalan zig-zag, ada yang berjalan memantul, ada yang jalannya berhenti ketika disorot mouse dan lanin-lain. Anda bisa mengeditnya sendiri untuk disesuaikan dengan blog atau website Anda. Dengan sedikit kemampuan edit HTML akan mempercantik tampilan tulisan berjalan Anda.


  • Tulisan Berjalan dari Kanan ke Kiri:
    <marquee behavior="scroll">Tulisan berjalan dari kanan ke kiri</marquee>

  • Tulisan Berjalan dari Kiri ke Kanan:
    <marquee behavior="scroll" direction="right">Tulisan berjalan dari kiri ke kanan</marquee>

  • Tulisan Berjalan dengan Background:
    <marquee bgcolor="green" style="color:white;">Tulisan berjalan dengan background</marquee>

  • Tulisan Berjalan dengan Gambar:
    <marquee behavior="scroll">
    <img src="http://i463.photobucket.com/albums/qq354/imtihan_2008/cm.jpg" width="110" height="84"><br />Tulisan berjalan dengan gambar</marquee>

  • Tulisan Berjalan ke Atas:
    <marquee height="30" behavior="scroll" direction="up">Tulisan berjalan ke Atas</marquee>

  • Tulisan Berjalan ke Bawah:
    <marquee height="30" behavior="scroll" direction="down">Tulisan berjalan ke Bawah</marquee>

  • Tulisan Berjalan Lambat:
    <marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan berjalan lambat</marquee>

  • Tulisan Berjalan Mantul:
    <marquee width="200" behavior="alternate">Tulisan berjalan mantul</marquee>

  • Tulisan Berjalan Zig-zag:
    <marquee behavior="alternate" direction="up" height="50px">
    <marquee direction="right">Tulisan berjalan Zig-zag</marquee>
    </marquee>

  • Tulisan Berjalan Bouncing Around:
    <marquee behavior="alternate" direction="up" width="300" height="100">
    <marquee direction="right" behavior="alternate">Tulisan berjalan Bouncing Around</marquee>

  • Tulisan Berjalan yang Berhenti Kalau Disorot Mouse:
    <marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan yang berhenti kalau disorot mouse</marquee>

Sedikit keterangan:

  1. Behavior="scroll/alternate" --> Untuk mengatur perilaku gerakan:

  2. Direction="left/right/up/down" --> Mengatur arah gerakan teks

  3. Scrollmount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya

  4. Scrolldelay="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

  5. Anda bisa mengotak-atik sendiri dengan memperhatikan kode yang berwarna merah

Selamat!!! Anda sudah bisa membuat tulisan berjalan atau marquee di blog