Cara Membuat Banner Bergerak Ke Samping

Buar banner nya di sini 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"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrIlhrsHlRKCq0qYCzwS_8rnysvC3XeUFV8qridkGAVoAFaT787B6bE-IYPEBUlz8Kp6mLiWFYUSGgBc4q-k240G0-2dzK14PjgvnIm2UjjMe7SP1zPWPbn6FpODKbPv-CYLII3ramcO1x/" /></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://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTfzo_xRcCwdaQRznWFFUw9hin4_vYQb8SPb-g2xQmAXbUQJBEDcUPr_WV3LgHiXq6RGCT7thqgKTnXbWa952bTFe9omuYv9HCii3H-LLC3TVWqwzxAQsvrqw5SqRuAVIjh8rOHvorCj4q/" /></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://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrIlhrsHlRKCq0qYCzwS_8rnysvC3XeUFV8qridkGAVoAFaT787B6bE-IYPEBUlz8Kp6mLiWFYUSGgBc4q-k240G0-2dzK14PjgvnIm2UjjMe7SP1zPWPbn6FpODKbPv-CYLII3ramcO1x/" /></a>
<span style="padding-left: 10px;"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTfzo_xRcCwdaQRznWFFUw9hin4_vYQb8SPb-g2xQmAXbUQJBEDcUPr_WV3LgHiXq6RGCT7thqgKTnXbWa952bTFe9omuYv9HCii3H-LLC3TVWqwzxAQsvrqw5SqRuAVIjh8rOHvorCj4q/" /></a></span>
</marquee>

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.

Sumber