Monday, March 28, 2011

Membuat Gambar Berubah Saat Ada Kursor

Pada Artikel Sebelumnya, Rhenz Sudah Membahas Tentang Cara Membuat Kursor Berubah Saat Berada Di Gambar, Namun Di Artikel Kali Ini, Akan Kita Buat Kebalikannya, Yaitu Gambar Berubah Saat Di Dekati Kursor. Hal Yang Utama Dan Harus Kalian Sediakan Adalah 2 Gambar Yang Tampilannya Berbeda. Kalau Bisa Pilihlah Gambar Yang Hanya Memiliki Sedikit Perbedaan.
Karena Itu Disini Rhenz Akan Memberi Contoh Demonya.
Gambar1:
Gambar 2:

Kita Gabungkan Dengan Rumus Gambar 1+Gambar 2(Versi Matematika) Dan Hasilnya:
Pingin Buat Kayak Gitu? Silahkan Ikuti Langkah Di Bawah Ini:
1) Login Ke Blogger
2) Masuk Ke Posting > Entri Baru
3) Ketiklah Artikel Anda
4) ketika Ingin Menyisipkan Gambar, Sisipkan Kode Ini Dalam Versi Html:
<img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzUVYGvQ0Ey4NKnR0ywk0AtBoV_AkKD8-3o6alMOf5M2OsiXVmVk8K44-3vhE-ZvXNIZqFpFluKjVo7pplipcIHNcxa_CxSdjmX_WnRzm4_OXHFYwrq8IAwEUM6H8lV2JEe9KAbFT_qVp/s1600/cooltext-starchem05.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzLiBje3xSt769ZVOdJqqvHTVqM5N1rEyca-MzBeY8gVa4dPMGARdLdTPL7xq9hZG1u7GCkKAY-YC7Dw0mUTxCp776lfYLDxRxFLgUshccrGrrlMoQ1fK0CivSILcHbVza_Pa7OsTsI2F/s1600/cooltext-starchem05-2.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzUVYGvQ0Ey4NKnR0ywk0AtBoV_AkKD8-3o6alMOf5M2OsiXVmVk8K44-3vhE-ZvXNIZqFpFluKjVo7pplipcIHNcxa_CxSdjmX_WnRzm4_OXHFYwrq8IAwEUM6H8lV2JEe9KAbFT_qVp/s1600/cooltext-starchem05.png" />
5) Ubah Tulisan Berwarna Merah Dengan URL Gambar Sebelum Di Sentuh Kursor
6) Ubah Tulisan Berwarna Biru Dengan URL Gambar Setelah Disentuh Kursor
7) Terbitkan 



Happy Blogging

No comments:

Post a Comment