✿✿✿ PORTFOLIO || HIRE ME || TUTORIALS || FREEBIES || ABOUT ME || BLOG
Blog Duniaimpianfatin: Tutorial Picture Change On Hover.

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/

Share or Like, thank you.

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