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"><a href="http://namabloganda.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFcj7kpjttiHwEF6NgePBJUOvdtF3aVc1uzQOSftOod1snw59mhMEZpu8pSK53ae7eB6OD5uGm_WqYAAc_L5EBIcP1O2iqjBqRdurxUl9dup5iwHiXM0nmTx-EqHu1thbhTVb057jIDusE/" /></a>Ganti tulisan yang berwarna hijau dengan url website yang ingin dituju dan tulisan berwarna merah dengan url banner anda.
</marquee>
Jika anda ingin memasang lebih dari 1 banner. Sebagai contoh anda ingin menambah 1 banner lagi. Tambahkan kode dibawah ini diatas kode </marquee>
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/AVvXsEhFcj7kpjttiHwEF6NgePBJUOvdtF3aVc1uzQOSftOod1snw59mhMEZpu8pSK53ae7eB6OD5uGm_WqYAAc_L5EBIcP1O2iqjBqRdurxUl9dup5iwHiXM0nmTx-EqHu1thbhTVb057jIDusE/" /></a>Hasilnya:
</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.
Recent Posts:
Sudah gabung dengan sumber dolar berikut ini?
53 comments
Buat blog q jadi tambah atraktif...
Tq bro . . .
Berjuang terus....!!! :D :D
terima kasih atas masukannya. saya sudah menambahkan link dalam banner :)
@tv online:
silahkan di copy kembali kode banner diatas sudah saya tambahkan link didalamnnya
sepertinya gak bisa mas. kecuali self host wordpress
mf aq newbi, mo nanya, link gbr tu didapet dari mana? apa gbr diupload dulu?
trus, ijin nih... artikelnya sy copy .. :D
he..he...he... (berarti bermanfaat dunk)
hatur nuhun, aq tunggu infonya..
maen gan ke blog ane,,,tinjau hasil post agan di blog ane,,trus tinggalin jejak ya ,,,
maen ke blog ane ya,,,trus tinggalin jejak blognya agan ya,,,
gan mw tanya nih
emoticon buat komntar saya muncul
tp pass udh di komen emoticon'a gx mw muncul jd cuma muncul kodenya aja
gmn y cara'a??
coba geh di test
http://arix-hardrock.blogspot.com
mohon bantuan'a gan :((
dah nyari kmana2,
yang ini pling cocok...
seeep...
praktek neh
dah praktek dan berhasil
mantaaaappp
Lanjutkan.....
Makasih banget....
mampir di Blog ane yaa
http://dannywaskito99.blogspot.com/
Post a Comment