Cara Pasang Gambar Apabila Dilalukan Cursor

Memasang gambar yang bisa bertukar sewaktu dilalukan cursor di blog mungkin boleh menambah sedikit kelainan pada blog anda. Dan juga gambar yang disertakan dengan link boleh menarik sedikit perhatian.



Contohnya, coba arahkan cursor anda pada gambar di bawah. (Dan juga boleh klik untuk ke blog ohbest)

Caranya adalah seperti berikut.

1. Gunakan kod di bawah, tukarkan link yang anda mau, url gambar pertama dan url gambar kedua.

<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>

Contoh untuk kod untuk demo di atas adalah

<a href="http://ohbest.blogspot.com" target="_blank"><img src="http://i.imgur.com/Z5B1M.png" onmouseover="this.src='http://i.imgur.com/PlE1J.jpg'" onmouseout="this.src='http://i.imgur.com/Z5B1M.png'" /></a>

2. Anda boleh post di dalam entri blog anda, seperti biasa ataupun boleh letakkan di sidebar.


Senang dan mudah bukan.?.:)


Nota: Jika mau gambar saja tanpa link, kodnya seperti dibawah.

<img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" />

Selamat mencuba.:)
Sumber...http://tutorialuntukblog.blogspot.com

Sobat Blogger sedang berada di halaman Cara Pasang Gambar Apabila Dilalukan Cursor dan Sedang membaca artikel Cara Pasang Gambar Apabila Dilalukan Cursor ini dengan url http://arafcreativity.blogspot.com/2012/04/cara-pasang-gambar-apabila-dilalukan.html. Dan Sobat Blogger juga boleh COPAS artikel Cara Pasang Gambar Apabila Dilalukan Cursor ini jika bermanfaat dan jangan lupa untuk meletakkan link Cara Pasang Gambar Apabila Dilalukan Cursor sebagai sumbernya.