Minggu, 13 Maret 2011

Cara Membuat Link Banner Membuka Sendiri Saat Tersentuh Kursor Mouse

Beberapa hari yang lalu, saya melakukan pertukaran link banner dengan beberapa blogger (pemilik blog). Ada sesuatu yang baru bagi saya yang saya temui di salah satu link banner tersebut. Hal baru itu adalah bila kursor mouse menyentuh link banner tersebut maka akan membuka dengan sendirinya tanpa diklik terlebih dahulu. Setelah saya perhatikan, susunan penulisan kode HTML link banner tersebut mempunyai perbedaan dari biasanya. Dalam penulisan kode HTML link banner tersebut terdapat atribut onmouseover="window.location=this.href". Penambahan atribut inilah yang menyebabkan link banner langsung membuka bila tersentuh/terlewati kursor mouse.

Jadi untuk membuat link banner membuka saat tersentuh/terlewati kursor mouse dapat digunakan format di bawah ini.

<a href="URL target" onmouseover="window.location=this.href" alt="keterangan banner" title="judul link banner"><img src="URL banner" /></a>

Contoh:

<a href="http://klikmunadi.blogspot.com/" onmouseover="window.location=this.href" alt="Klik Munadi" title="Klik Munadi"><img src="http://i1119.photobucket.com/albums/k636/klikmunadi/KLIKMUNADI.jpg" /></a>

Maka hasilnya adalah sebagai berikut:


Tidak ada komentar:

Posting Komentar