Penulis: Moch Adnan dipublikasikan: 11 Oktober 2014
Tutorial kali ini lebih kepada cara memberi variasi pada tampilan gambar yang akan tersimpan dalam halaman web, sehingga menghasilkan bentuk atau sentuhan lain dan memberi perbedaan dari tampilan gambar seperti biasanya. Misalnya, hasil gambar yang telah terupload biasanya jika terkena kursor, maka gambar hanya mendiam saja, berbeda dengan cara yang akan coba saya tuliskan disini, gambar akan mengeluarkan efek warna lain ketika terkena kursor.

Sebagai demo anda bisa mengarahkan kursor komputer anda kearah gambar dibawah ini.



Cara ini lebih sering atau biasa disebut oleh para blogger dengan sebutan: cara merubah tampilan gambar ketika tersentuh kursor. Yang mana cara pembuatannya hanya cukup memadukan 2 buah gambar kedalam 1 kode html.Seperti apa kodenya? Langsung saja ya, silahkan Anda copy kode dibawah ini.


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuvJq2L5VAdOBHG4cpRZS84OzbaPp3ZLgIgLKS5rokUy9YxC6p1vzUkoLIuUmCAN48k734VUYj0cDHIuu1V8_0WKf210A1qzK7s07iO-w-Ss-84Xu_Ec9bGqNZbiJrbSrFWHW-ZaFrl3D/s1600/call+me+yes.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuvJq2L5VAdOBHG4cpRZS84OzbaPp3ZLgIgLKS5rokUy9YxC6p1vzUkoLIuUmCAN48k734VUYj0cDHIuu1V8_0WKf210A1qzK7s07iO-w-Ss-84Xu_Ec9bGqNZbiJrbSrFWHW-ZaFrl3D/s1600/call+me+yes.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAF45OqaQo_BKSHDl4UQBPdlrs2uyDWRtm34gkOYjiiAnThheXul6N7ADp6d5RvMptHCt13XT1jxEkIPnDiiv6ru2iYn689xsyk1jfqQNbSy5AGgYVHtmCiZxvVuKMzers8BoI7dTM-Qzh/s1600/call+me.jpg';" />
Catatan: Ganti masing-masing Url gambar dengan kepunyaan anda.

Selamat berkreasi