Membuat Efek OnMouse Over Pada Gambar Postingan Blog


Image efek on mouse over menurut saya masih belum banyak digunakan pada blog, bahkan mungkin ada yang belum tau, ingin tau seperti apa image dengan efek on mouse over ?
Silahkan arahkan pointer mouse anda ke atas gambar di bawah ini ;



efek gambar blog


Unik bukan? bukan hanya untuk gambar di postingan, anda dapat pula mengaplikasikannya menjadi sebuah tombol on mouse over atau label on mouse over, caranya?

Contoh gambar di atas saya menggunakan gambar ;
on mouse over yg saya ambil dari url
http://rlv.zcache.com/yin_yang_comedy_tragedy_blue_button-p145889052472095312en8go_400.jpg
dan gambar ;

url gambarnya ; http://rlv.zcache.com/turtle_light_blue_button-p145722725030175904en8go_400.jpg

maka kode HTML nya seperti ini ;

<img src="http://rlv.zcache.com/yin_yang_comedy_tragedy_blue_button-p145889052472095312en8go_400.jpg" onmouseover="this.src='http://rlv.zcache.com/turtle_light_blue_button-p145722725030175904en8go_400.jpg';" onmouseout="this.src='http://rlv.zcache.com/yin_yang_comedy_tragedy_blue_button-p145889052472095312en8go_400.jpg';" />

Anda tinggal menggantinya dengan gambar yg anda punya, jika ingin membuat sebuah link, maka kode HTML nya seperti ini ;

 <a href="alamat link tujuan"><img src="http://rlv.zcache.com/yin_yang_comedy_tragedy_blue_button-p145889052472095312en8go_400.jpg" onmouseover="this.src='http://rlv.zcache.com/turtle_light_blue_button-p145722725030175904en8go_400.jpg';" onmouseout="this.src='http://rlv.zcache.com/yin_yang_comedy_tragedy_blue_button-p145889052472095312en8go_400.jpg';" /></a>




Bisa? atau bingung? silahkan di coba terlebih dahulu, jika menemui kesulitan , silahkan kembali ke http://lizwana.blogspot.com/ untuk bertanya.


loading...