Memasang gambar yang berganti saat dilalui cursor di blog
mungkin lebih menambah sedikit keindahan pada blog anda. Dan juga gambar
yang disertakan dengan link bisa menarik perhatian pengunjung.
Contohnya, coba letakkan cursor anda pada gambar di bawah ini. (boleh diklik)
Tutorialnya adalah seperti berikut.
1. Gunakan kode di bawah ini, ganti link, url gambar pertama dan url gambar kedua sesuai keinginan anda.
Contoh kode untuk demo di atas adalah
2. Anda boleh pasang di dalam entri blog anda seperti biasa ataupun boleh letakkan di sidebar.
Simpel dan mudah bukan.?.:)
Nota: Jika mau pasang gambar saja tanpa link, kodenya seperti dibawah.
Selamat mencoba.:)
Contohnya, coba letakkan cursor anda pada gambar di bawah ini. (boleh diklik)
Tutorialnya adalah seperti berikut.
1. Gunakan kode di bawah ini, ganti link, url gambar pertama dan url gambar kedua sesuai keinginan anda.
<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>
Contoh kode untuk demo di atas adalah
<a href="http://ngocop16.blogspot.com" target="_blank"><img src="http://i.imgur.com/Z5B1M.png" onmouseover="this.src='http://i.imgur.com/PlE1J.jpg'" onmouseout="this.src='http://i.imgur.com/Z5B1M.png'" /></a>
2. Anda boleh pasang di dalam entri blog anda seperti biasa ataupun boleh letakkan di sidebar.
Simpel dan mudah bukan.?.:)
Nota: Jika mau pasang gambar saja tanpa link, kodenya seperti dibawah.
<img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" />
Selamat mencoba.:)
