Simplest Method to Display an Image Rollover in Blogger

This is the simplest method to display an image rollover. An image rollover is just changing image when the mouse is over the image. It is just a random trick that I decided to share. You can use them in your Blogger post or as a normal widget.

Demo

Here is the method :

<center><a href="http://YOURLINK.blogspot.com/">
<img src="IMAGE_1_SOURCE_URL" alt="YOUR_IMAGE_DESCRIPTION" title="YOUR_IMAGE_DESCRIPTION"
onmouseout="this.src='IMAGE_2_SOURCE_URL'"
onmouseover="this.src='IMAGE_1_SOURCE_URL'"/></a></center>

Just change the section in red accordingly.
Have fun blogging.

Link To This Complain:
<a href="http://kingofcomplain.blogspot.com/2010/04/simplest-method-to-display-image.html" target="_blank" rel="dofollow">Simplest Method to Display an Image Rollover in Blogger</a>