HOMEPAGE
THE AUTHOR
FREEBIES
TUTORIALS
DESIGN PROCESS
PORTFOLIO

Tutorial Picture Change On Hover.

Cerr hover kat pic atas ni! :]

/Assalamualaikum\ Today, Aten nak buatkan tutorial picture change on hover. Siapa tahu? Hihihi, mesti ramai dah tahu kan. Okay, jumpa kita tengok acano nak buat :)

1. Log in blog macam biasa > Design > Add a gadget > Html Javascript

2. Copy code bawah ni then paste kat gadget tersebut :
<img src="URL GAMBAR 1" onmouseover="this.src='URL GAMBAR 2'" onmouseout="this.src='URL GAMBAR 1'" />

3. URL GAMBAR 1 untuk picture sebelum hover. URL GAMBAR 2 tu picture selepas hover. And, URL GAMBAR 1 lagi satu tu, sama jugak mcm URL GAMBAR 1 yg first sekali tu. Haha, paham? :3

4. Untuk classic template, kauorang boleh buat jugak XD \Selamat Mencuba/

3 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. ubah height dia okay. and, ni untuk template designer lah ni.

    ReplyDelete

Terima kasih atas komen yang diberikan. Jangan lupa datang lagi untuk cerita yang terbaru. Salam sayang dari owner blog

 
Thankyou for visiting | Template made by Fatin Hazwani.