Tutorial : Image Bertukar Bila Disentuh Cursor

Tumblr_ltze29qpfo1qhv6sjo1_500_large

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

3 comment [s]:

Nur Hanis ^^♥ said...

As salam kak, sye dah cube buat. Mmg menjadi tapi gmbr tu tak tukar pun? Cmne ea kak?

Malihah Munirah said...

Tak jadi . Really sadd ! :-(

Mazelina Zaini said...

Heheh , thanks , menjadi saya buat :)