Membuat Efek Marquee Dan Banner Berjalan

Sebelumnya saya sudah pernah mengulas tentang cara membuat efek marque untuk teks dan link. Dan sepertinya cara ini cukup menarik karena selain dapat menghemat ruangan blog. cara ini juga dapat membuat blog lebih interaktif.

Oleh sebab itu, pada kesempatan ini saya akan membahas kembali cara membuat efekmarquee namun kali ini yang akan saya bahas adalah efek marquee untuk banner atau banner berjalan. Contohnya seperti ini:




Cara ini sering dipakai oleh pemilik blog atau website yang ingin memasang banyak banner namun terbatas ruangannya. Nah bagi anda yang ingin menggunakan cara ini, gunakan kode dibawah ini pada blog anda:

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" bg height="60"><a href="http://ariesocrot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-gYfCOTUS6n9yth6MmcHlFO5QgOCnpgvVIxKD49Y-RYLdejq4-EI0fXT_H2nkLcHI7lRtB42fGc88q0cn9JvApdh5k8nqyKUV82tPTjWFEKG09LkTE-tx8hs1Rzz8hYFKYs_TmuFqYaL/" /></a>
</marquee>

Ganti tulisan yang berwarna hijau dengan url website yang ingin dituju dan tulisan berwarna merah dengan url banner anda.

Jika anda ingin memasang lebih dari 1 banner. Sebagai contoh anda ingin menambah 1 banner lagi. Tambahkan kode dibawah ini diatas kode </marquee>

<span style="padding-left: 10px;"><a href="http://ariesocrot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0org1xqQ94FAbObiDKRaLdTyjfIAVNTItHlTsJ6YhurLXoBvsW61FndGIrHMyLtJBpCI7K3vEuUHnRVj9yREZ1Ez2_w6oBvnt1oaa_vMhU5a8MpFp7534XzgZHx22uzgb-ZabrfdoJVTI/" /></a></span>

Ingat:
Ganti tulisan berwarna hijau dengan url website anda dan tulisan berwarna merah dengan url banner kedua anda.

Jadi susunan kodenya menjadi seperti ini:

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" height="60"><a href="http://wisatainformasi.co.cc/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-gYfCOTUS6n9yth6MmcHlFO5QgOCnpgvVIxKD49Y-RYLdejq4-EI0fXT_H2nkLcHI7lRtB42fGc88q0cn9JvApdh5k8nqyKUV82tPTjWFEKG09LkTE-tx8hs1Rzz8hYFKYs_TmuFqYaL/" /></a>
<span style="padding-left: 10px;"><a href="http://ariesocrot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0org1xqQ94FAbObiDKRaLdTyjfIAVNTItHlTsJ6YhurLXoBvsW61FndGIrHMyLtJBpCI7K3vEuUHnRVj9yREZ1Ez2_w6oBvnt1oaa_vMhU5a8MpFp7534XzgZHx22uzgb-ZabrfdoJVTI/" /></a></span>
</marquee>

Hasilnya:

Begitulah seterusnya jika anda ingin menambah banner lagi. Jika anda ingin mengganti arah gerak banner atau mempercepat gerakan banner silahkan baca artikel cara membuat efek teks marquee karena sudah pernah saya bahas disana.

Selamat mencoba.