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://www.mrsulblog.blogspot.com/" target="_blank">MrSulBlogBlog</a>
Maka hasilnya akan menjadi seperti ini:

Mr SulBlog
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://mrsulblog.blogspot.com/" >Mr SulBlog
</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:



Mr SulBlog



Ingat:
Ganti teks berwarna merah dengan kode link anda

Untuk mengetahui efek lainnya, silahkan baca disini.

Selamat mencoba..

0 komentar:

Post a Comment