Membuat gambar berubah saat disorot oleh kursor yang juga terdapat link tautannya, bisa menjadi ide kreatif dalam membuat suatu gadget bikinan sendiri untuk dipasang di blog pribadi, gadget yang dibuat bisa seperti tombol link dan lain sebagainya.
Cara membuat gadget ini sangatlah mudah, dengan memanfaatkan script HTML hanya memerlukan beberapa menit untuk mewujudkannya. Dibawah ini dijelaskan langkah-langkah dan contoh script HTML untuk membuat gadget tombol gambar berubah saat disorot oleh kursor yang diterapkan kedalam blogger blogspot pribadi.
1. Masuk akun blogger blogspot.
2. Pilih menu Tata Letak dan klik "Tambahkan Gadget"
3. Kemudian pilih gadget "HTML/Javascript"
4. Masukkan/copy kode script dibawah ke dalam kolom
gadget HTML/Javascript tersebut.
<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1{display:none}
a.pic:hover .image2{display:inline}
</style>
<a class='pic' href='Link tujuan'>
<img class='image1' height='30' src='Link gambar pertama' width='30'/>
<img class='image2' height='30' src='Link gambar kedua' width='30'/></a>
a.pic .image2{display:none}
a.pic:hover .image1{display:none}
a.pic:hover .image2{display:inline}
</style>
<a class='pic' href='Link tujuan'>
<img class='image1' height='30' src='Link gambar pertama' width='30'/>
<img class='image2' height='30' src='Link gambar kedua' width='30'/></a>
Belum berminat? tak apa, bantu kami dengan membagikan link ini ke teman, siapa tahu, justru mereka sedang mencari ini!
