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
Posted by at 8:40 PM

3 comment [s]:

Hanis said...

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

September 23, 2012 at 2:42 PM [REPLY]
Malihah Munirah said...

Tak jadi . Really sadd ! :-(

January 26, 2013 at 11:01 AM [REPLY]
Unknown said...

Heheh , thanks , menjadi saya buat :)

March 7, 2013 at 11:58 AM [REPLY]

Post a Comment