Cara Membuat Efek Marquee Di Blog

Cara Membuat Efek Marquee Di Blog

Bola Hero Gawai

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.


Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

1 Comment

Mas, ada efek Marquee yang valid HTML5 ga...???

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×