Cara Membuat Efek Marquee Di Blog


Pagi ini saya share salah satu trik blogger cara membuat efek marquee di blog atau lebih umumnya kita kenal efek tulisan berjalan. Sebenarnya cara membuat efek marquee di blog sudah banyak di share oleh blogger-blogger lain namun untuk melengkapi trik blogger di blog ini, kini saya kembali meng-share-nya bagi Anda yang belum paham atau belum tahu kode script untuk membuat efek marquee di blog.

Dengan membuat tulisan atau apapun dengan efek marquee, membuat blog tersebut terkesan lebih hidup. Cara membuat efek marquee di blog cukup mudah. Kita bisa mengaplikasikannya di widget atau di psotingan blog kita. Ada beberapa cara membuat efek marquee di blog, diantaranya:

1. Efek marquee yang berjalan dari kiri ke kanan.
 Kode scriptnya seperti di bawah ini:


<marquee align="center" direction="right" scrollamount="2" width="100%" height="20">
    Tulisan Anda di sini
    </marquee>

Penampakannya akan seperti di bawah ini:

Contoh untuk efek marquee yang berjalan dari kiri ke kanan.

Untuk tulisan agar berjalan dari kanan ke kiri, tinggal ganti right menjadi left.

2. Efek marquee yang berjalan ke kanan dan ke kiri.
Kode scriptnya seperti di bawah ini:


<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="100%" height="20">
    Tulisan Anda di sini
    </marquee>

Penampakannya akan seperti di bawah ini:

Contoh untuk efek marquee yang berjalan dari kiri ke kanan.

3. Efek marquee dengan background warna.
Kode scriptnya seperti di bawah ini:


    <div align="left"><span><marquee scrollamount="3" behavior="alternate" bgcolor="RED" width="100%">
    Tulisan Anda di sini
    </marquee></span></div>

Contoh efek marquee dengan background warna

4. Efek marquee yang berhenti ketika mouse berada pada teks area.
Kode scriptnya seperti di bawah ini:


    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" align="center" width="100%" height="20">
    Tulisan Anda di sini
    </marquee>

Penampakannya akan seperti di bawah ini:
Silahkan Anda coba arahkan mouse ke teks area di bawah ini.

Contoh efek marquee yang berhenti ketika mouse diarahkan ke teks area.

Agar berjalan ke kanan ganti left dengan right
Agar berjalan ke atas ganti left dengan up
Agar berjalan ke bawah ganti left dengan down

Demikian sharing Cara Membuat Efek Marquee Di Blog kali ini. Anda bisa berkreasi lebih banyak lagi dan lebih berpariasi lagi dengan menggunakan efek-efek marquee di atas. Jangan pernah takut untuk mencoba...karena kegagalan adalah awal dari sebuah keberhasilan.


You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments