Rollover Image Effect


Fuuhhh... missed beberapa hari dah tak update blog. Sibuk dengan tempahan lukisan doodle floral. Dalam pada tu sempat juga godek-godek code tukar layout blog. Masih guna template yang sama cuma edit beberapa code je supaya blog nampak lebih luas dan cerah pink pastel gitu haaa.. Sebab Safiena suka pink 😍

Safiena ada tambah extra link kat tepi sebelah kiri. Link image tu dinamakan 'Rollover Image Effect'. Bila kita hoverkan cursor image tu akan bertukar. Sebelum ini ada sediakan tutorial disini

Double click untuk copy code dibawah.
 <a href="URL BLOG ANDA"><img src="URL IMAGE PERTAMA" onmouseover="this.src='URL IMAGE KEDUA'" onmouseout="this.src='URL IMAGE PERTAMA'" /></a>  

Kod yang perlu ditukar :
URL BLOG ANDA = Masukkan URL blog anda
URL IMAGE PERTAMA
URL IMAGE KEDUA = Imej kedua ini yang akan bertukar nanti
URL IMAGE PERTAMA = Pastikan imej pertama ini sama dengan IMAGE PERTAMA DIATAS tu ya

Bawah ni ada contoh Rollover Image Effect untuk extra link blog Safiena. Nak bagi blog meriah sikit. Cuba hover image dibawah. Ada perubahan tak? Okay, sekian dulu untuk update kali ini. Good luck!


Nur Safiena

Married. Sarawakian. On and off blogger since 2008. Freelance graphic/web designer. Loves cute stuffs, pink and web designing. Plain and simple. Passionate about creating clean and cute graphics. 

3 comments:

* Terima kasih daun keladi. Lain kali komen lagi hihi...
* Sila tinggalkan link blog dalam ruangan komen (untuk memudahkan Safiena mengunjungi blog kalian.
* Kalau dah FOLLOW BLOG sila bagitahu ya.
* Happy blogging si comel semua!

Instagram