Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian masing2.

[2]. Kemudian dari Dasbor, cari Post, lalu buat sebuah Postingan Baru.

[3]. Lalu pada Mode Edit HTML pada Postingan, sisipkan Code 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.

SS Cara Menambahkan Codenya.

[4]. Dan terakhir, tinggal di Publikasikan dan lihat hasilnya.

Sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian, dan jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah.

Tweet

Subscribe to receive free email updates: