cara membuat banner berjalan di blog anda ?

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 caraini, 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/AVvXsEhy9peI2XunXA_Yt41fbZyExgOq1qjDb5MtplngODHYsNW4fDdFF05UEduhnK1EZEb5RkUHlufKDLYe6CWBH9jGuFADEqljMb0qljAYYOk-1XrUsjKe9uK5p5cvX5_Lpp9Kmu5wQtupqh3h/" /></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/AVvXsEhcShx-VLoOOGxXWyV6Z2tgtcc7KHuaqUe71vDIEydfc12SNEdTlQe3FguNpzS3dkQ-MaUYhu7BXW3g78LUcOJjGLY0gLRgCMi6ZjNOoabn__suQmgFj8ymZ9sXbqrACZA1T3-JiSj73S3a/" /></a></span>

Ingat:
Ganti tulisan berwarna hijau dengan url website anda dan tulisan berwarna merahdengan 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/AVvXsEhy9peI2XunXA_Yt41fbZyExgOq1qjDb5MtplngODHYsNW4fDdFF05UEduhnK1EZEb5RkUHlufKDLYe6CWBH9jGuFADEqljMb0qljAYYOk-1XrUsjKe9uK5p5cvX5_Lpp9Kmu5wQtupqh3h/" /></a>
<span style="padding-left: 10px;"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcShx-VLoOOGxXWyV6Z2tgtcc7KHuaqUe71vDIEydfc12SNEdTlQe3FguNpzS3dkQ-MaUYhu7BXW3g78LUcOJjGLY0gLRgCMi6ZjNOoabn__suQmgFj8ymZ9sXbqrACZA1T3-JiSj73S3a/" /></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.








((KAMI MOHON MAAF BERFUBUNGAN BLOG KAMI TDK BISA DI COPY DI HARAPKAN ANDA KE FACEBOOK KAMI UNTUK MENGCOPY CODENYA TQ .. untuk melihat codex silahkan klick link ini  http://www.facebook.com/note.php?created&&note_id=189930377707104 : ))






By credit cark http://www.hermanblog.com/2009/02/cara-membuat-banner-berjalan.html
salam hangat dari SAYA