Create A Rollover Image Effect(Changes Images On Mouseover)

The Rollover Image effect is one of the best option to make your Post or sidebar widget more attractive.This is a proven and and widely used trick to ensure that the blog gets enough visitors.This will also makes the post more attractive

You can insert this code in post or sidebar widgets were you want the effect to come online

Demo:

In blogger to add this code to your blog post just switch   to HTML mode and then paste the edited code inside were you want to make the code appear

CODE :

 <a href=”URL ADDRESS“><img src=”URL OF THE FIRST IMAGE GOES HERE” onmouseover=”this.src=’URL OF THE SECOND IMAGE GOES HERE‘” onmouseout=”this.src=’URL OF THE FIRST IMAGE GOES HERE‘” /></a>

Editings

URL Address

This is the URL were users will be sent when clicking on image
Example : www.IpeeWorld.ga

URL of First Image 

Replace the Yellow text (two times) with that of the URL of your first image will be static before the hover over

URL of Second Image

Replace the Blue text with the URL of the second image that should come when the mouse point is over the image

About Astro Joseph

Hi, I'm Astro Joseph the founder and CEO of IPEE World and IPEE Network.I started this blog for a passion and it is now empowering millions of readers around the globe.Read more about me at About and Contact page.

Leave a Reply

Your email address will not be published. Required fields are marked *