Tutorial : image bertukar bila disentuh cursor

Assalammualaikum . nih tutorial untuk image bertukar . kadang ada sesetengah blog bila korang tengok dekat dia punya tab menu image tu kan , bila korang sentuh gambar akan bertukar kan ? contoh dia macam gambar bawah nih

1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code nih 

<a href="LINK" target="_blank"><img src="URL IMAGE 1" onmouseover="this.src='URL IMAGE 2'" onmouseout="this.src='URL IMAGE 1'" />

merah untuk link
biru untuk image url 1
oren untuk image url 2

3. paste dalam kotak html tu

4. save