Kang Rian [ on Blogger! ]

rian nurherdian, kang rian, blog kang rian, blog rian nurherdian, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorial, tutorial seo, tutorial html5, blog seo friendly, modifikasi template blog, desain web pemula, blogger basic

Cara Mudah Agar Gambar Berubah ketika disentuh (Hover Image)

Cara Mudah Agar Gambar Berubah ketika disentuh (Hover Image) - Pada kesempatan kali ini saya hanya sekedar ingin berbagi , bagaimana cara agar Gambar berubah ketika di sentuh / Hover Image :

1 . Siapkan 2 Gambar yang Akan kita jadikan Percobaan , contoh ke-2 gambar
dibawah :
Alamat Gambar :
http://4.bp.blogspot.com/-vZxezYcAwPk/UOlxy8vvDNI/AAAAAAAAAfA/n3W3R7SWhyA/s200/4.jpg

Alamat Gambar :
http://1.bp.blogspot.com/-IBS0quQOfNk/UOlxjihmGKI/AAAAAAAAAe4/RiMlaQxeeso/s200/3.jpg
2. Buat Kode HTML dengan memasukan Alamat Gambar di atas, seperti berikut :
<img src="http://4.bp.blogspot.com/-vZxezYcAwPk/UOlxy8vvDNI/AAAAAAAAAfA/n3W3R7SWhyA/s200/4.jpg" onmouseover="this.src='http://1.bp.blogspot.com/-IBS0quQOfNk/UOlxjihmGKI/AAAAAAAAAe4/RiMlaQxeeso/s200/3.jpg'" onmouseout="this.src='http://4.bp.blogspot.com/-vZxezYcAwPk/UOlxy8vvDNI/AAAAAAAAAfA/n3W3R7SWhyA/s200/4.jpg'"/>

Keterangan :
ONMOUSEOUT ( Adalah Perintah yang akan memanggil Gambar Pertama )
ONMOUSEOVER ( Adalah Perintah yang akan memanggil Gambar Kedua )

3. Contoh/Hasilnya akan Seperti dibawah ini ( Coba sentuh gambarnya ) :




Selamat Mencoba dan Semoga Berhasil .! #JustSHARE ..
Suka artikel ini? Bagikan!