Saturday, April 16, 2011

How to make image hover (mouse over button)

How to make image hover (mouse over button)




Image hover is a mouse over button. when you move
courser to button,you will see some animate on there.
you have to use two image for this.lets try it.

Image 1




Image 2





1. Log in to your blogger account and Go to "Posting" >> "New Post"

2.  Paste below code


<a href="http://www.bloggertrix.com/">
<img src="http://i530.photobucket.com/albums/dd341/herrolim/donlot.png" 
onmouseover="this.src='http://i530.photobucket.com/albums/dd341/herrolim/donlotOver.png';" 
onmouseout="this.src='http://i530.photobucket.com/albums/dd341/herrolim/donlot.png';" /></a>

3. you can change http://www.bloggertrix.com/ with your link

done.






Dont Miss Another Post Connect With Us

Get informed when we publish the new post.So, you have to subscribe below

1 comment:

  1. AnonymousNovember 27, 2012 at 5:47 AM

    Your guide is great! However, I can't seem to make it change back. Please help!

    Here is image 1: http://i1174.photobucket.com/albums/r601/PirateSkyrider/p101header1.png

    and Image 2: http://i1174.photobucket.com/albums/r601/PirateSkyrider/p101header2.png

    It doesn't switch back to the original one.

    Thanks, Cody.

    ReplyDelete