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 efek marquee 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"><img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20banner/hb_banner1.gif" />
</marquee>

Ganti tulisan yang berwarna merah dengan alamat banner anda.

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

<span style="padding-left: 10px;"><img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20banner/hb_banner2.gif" /></span>

Ingat:
Ganti tulisan berwarna merah dengan alamat banner kedua anda.

Jadi susunan kodenya menjadi seperti ini:

<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" height="60"><img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20banner/hb_banner1.gif" /><span style="padding-left: 10px;"><img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20banner/hb_banner2.gif" /></span>
</marquee>

Hasilnya:




Begitulah seterusnya jika anda ingin menambah banner lagi. Jika anda ingin mengganti arah gerak banner atau mempercepat gerakan banner silahkan baca disini. karena sudah pernah saya bahas disana.

Selamat mencoba.

Bookmark this post to:

Bingung menemukan ide atau topik untuk bisnis internet anda?
Mau mendapatkan ide dalam waktu 2 menit atau KURANG?
Temukan rahasianya disini

Related Post By Categories: