Tutorial : Image Bertukar Bila Disentuh Cursor

Assalamualaikum and annyeonghaseyo. Okeh, tieqa nak share dengan korang cara untuk jadikan image bertukar bila disentuh cursor. Erkk macam mana tu? Cuba tengok gambar comel dekat bawah ni. dan cer halakan cursor korang dekat gambar tu.

Template Designer

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

Template Classic / Blogskin

1. Dashboard > Template

2. Copy code di bawah ni

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

3. Bagi template designer. Korg paste di bahagian HTML/JavaScript. Bagi template classic pula paste di bahagian Edit HTML. Tak kisah dekat mana-mana pon.
4. If krg nk letak gambar tu dekat dalam post pon bole. Caranya:-
New Post > Edit HTML > Paste code tadi.
5. Preview & save

merah : link. taknak letak pon takpe
oren : URL image 1
biru : URL image 2

Credit : Hafizah