Cara Membuat Gambar Berubah Saat Di Sentuh Cursor


Assalamualaikum Wr. Wb
Wahai manusia :p saya mau share tentang membuat Gambar Berubah Saat Di Sentuh Cursor ni gan, nii langsung saya kasih DEMOnya :p




Gimana Lucukan .. ?? :p

Oke caranya cukup mudah gan
  • Pertama masuk ke blog agan, tentunya
  • Kemudian ke Dasbor, cari Post, lalu buat postingan baru
  • Terus pada Mode Edit HTML pada Postingan, sisipkan Script di bawah kedalamnya.
<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>
<center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>
KETERANGAN :
* Tulisan yg berwarna Biru, ganti dengan URL Tujuan jika Gambar di Klik.
* Dan tulisan yg berwarna Merah, ganti dengan URL Gambar Kalian.


Oke taraaaa.. sekian dari saya, bila ada kurangnya mohon maaf, semoga bermanfaat
Wassalamualaikum Wr. Wb




Artikel Terkait

9 komentar :

Pengikut


notifikasi
close