Cari Artikel

Selamat datang! di blog The Kampoeng Blogger , silahkan tinggalkan pesan di kolom komentar bila terdapat kode yang error.

March 03, 2013

Efek Rollover Pada Gambar

Efek rollover pada gambar adalah salah satu efek gambar dimana gambar otomatis akan berubah menjadi gambar lain bila mouse diletakkan di atas gambar (disebut dengan rollover) dan akan kembali seperti semula bila mouse disingkirkan dari gambar. Membuat Efek rollover pada gambar sangatlah gampang, anda hanya perlu beberapa langkah untuk memasang efek ini pada gambar anda. Sebagai contoh anda dapat melihat gambar di bawah ini.




Membuat Efek Rollover Pada Gambar

Step 1

Masuk ke halaman HTML (disamping compose)

Step 2

Letakkan kode berikut pada halaman HTML anda (letaknya terserah dari anda dimana anda ingin menempatkan gambar)
<a href="URL BLOG ANDA"><img src="URL GAMBAR PERTAMA" onmouseover="this.src='URL URL GAMBAR KEDUA'" onmouseout="this.src='URL GAMBAR PERTAMA'" /></a> 
Selesai!
Mudah kan? Anda baru bisa melihat hasilnya setelah anda mempublish artikel anda.
Selamat mencoba!
Wassalam.

Written by: Rysmah Zainal Arifin
The Kampoeng Blogger, Updated at: 10:53 PM

0 comments :

Tinggalkan Komentar Anda di Sini:

Komentar yang mengganggu, berbau SARA, porno, mengandung iklan dan mencantumkan link aktif akan segera kami hapus.
Terimakasih atas perhatiannya.