Tutorial | Tukar Gambar Apabila Dilalukan Cursor

Cuba lalukan cursor kat gambar atas tu . dia tukar2 kan . amacam? menarik tak? hehe

boleh letak dalam entry tak pun kat sidebar . senang sangat .

Steps:

1. Sign in blogger > More option > layout > Add Gadget > Html/JavaScript

2. Copy code di bawah dan paste ke dalam Html/Java Script

-Gunakan kod di bawah, tukarkan link yang anda mahu, url gambar pertama dan url gambar kedua.

<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:

<a href="http://hijaulembut.blogspot.com" target="_blank"><img src="http://i.imgur.com/q6JNa.jpg?1" onmouseover="this.src='http://i.imgur.com/mbgwx.jpg?1'" onmouseout="this.src='http://i.imgur.com/q6JNa.jpg?1'" /></a>

Note :

Kalau korang nak letak gambar je tanpa link, guna bawah ni .