Sabtu, 15 Oktober 2011

Cara Membuat Efek Marquee Untuk Link

Beberapa minggu yang lalu saya sudah pernah membahas mengenai cara membuat efek marquee untuk teks. Namun ada teman yang menanyakan bagaimana cara membuat efek marquee untuk link atau link berjalan.

Sebenarnya caranya sama saja dengan teks, bedanya adalah mengganti teksnya dengan kode link saja. Nah bagi yang masih bingung silahkan ikuti cara berikut ini.

Sebagai contoh anda ingin membuat link bergerak keatas scara kontinu seperti contoh dibawah ini.


Welcome To My Blog

Kodenya:
<marquee direction="up" behavior="scroll" scrollamount="3" scrolldelay="10" width="450" height="100">Welcome To My Blog</marquee>
Ganti teks berwarna merah dengan kode link anda. Contohnya saya mengganti teksnya dengan kode link dibawah ini.
<a href="http://ruddrockers.blogspot.com/" target="_blank">Rudd Rocker's</a>
Maka hasilnya akan menjadi seperti ini:

Rudd Rocker's
Sedangkan untuk memasang banyak link gunakakan kode dibawah ini. Sebagai contoh saya memasang 3 link
<marquee scrolldelay="10" direction="up" behavior="scroll" width="450" scrollamount="3" height="100"><a href="http://ruddrockers.blogspot.com/" >Rudd Rocker's
</a>
<div style="padding:0px"><a href="http://yahoo.com/" target="_blank">Yahoo
</a></div>
<div style="padding:0px"><a href="http://google.com/" target="_blank">Google</a></div></marquee>
Hasilnya:


Rudd Rocker's



Ingat:
Ganti teks berwarna merah dengan kode link anda

Untuk mengetahui efek lainnya, silahkan baca disini.

Selamat mencoba..
 
back to top