Hovering Button
Apa seh hovering button itu? Kalau secara harfiah, hover adalah melayang. Kalau dalam bahasa HTML adalah kondisi dimana kursor berada diatas suatu objek.
Untuk lebih jelasnya, lihat preview di bawah ini :
Perhatikan keadaan dimana kursor tidak berada diatas button atau tombol, dan dimana ketika kursor berada diatas tombol itu. Berbeda bukan?
Sebenarnya implikasinya tidak hanya ke button atau tombol saja, kita bisa lebih bereksperimen lebih dalam hal ini.
Okay, sekarang beginilah kode html-nya dari gambar diatas :
[php]<img src="http://www.aaezha.com/wp-content/uploads/2010/06/download.png" onmouseover="this.src=’http://www.aaezha.com/wp-content/uploads/2010/06/downloadhover.png’;" onmouseout="this.src=’http://www.aaezha.com/wp-content/uploads/2010/06/download.png’;" />[/php]
Adapun gambar “http://www.aaezha.com/wp-content/uploads/2010/06/download.png” adalah untuk gambar normal. Sedangkan yang “http://www.aaezha.com/wp-content/uploads/2010/06/downloadhover.png” untuk gambar ketika kursor berada diatas tombol berikut.
Ehm, bagaimana? Mudah bukan? Silahkan berkreasi kembali π
Free Daily Nerd Tutorials 
![http://www.aaezha.com/wp-content/uploads/2010/06/download.png"](http://www.aaezha.com/wp-content/uploads/2010/06/download.png"){kind=link}
keren juga yah jadinya kalo pake beginian π
yups π
memang lebih mantap begini π
Saya udah pernah pake ini Om π
oh bagus itu π
berarti udah bisa π
itu logo buttonnya dari cooltext.com ya om ?
yups.. π
cari yang mudah dan bagus aja π
pasang yaa..plus kasih komen :p
http://www.aaezha.com/banner-blog-aaezha-com
ada sitenya klo mo bkin kaya gtu bahkan itu juga deainnya sama kaya site yg saya tau waktu itu,tp saya lupa lagi sitenya klo gx sala cooltext.com
yups..emang cooltext.com kok :ngakak
Nice work. You keep working on this blog please.
You must be a genious. I love your posts, will come back later.