Rollover effect - Change image on mouseover

Rollover effect - Change image on mouseover

The Rollover image effects is such like effect on which you move your mouse cursor on the image and the image changes into another image. This type of effect is like by many people or blogger. so if you want to have such effects on the images of your blog/site  then follow the given steps, which are as follow

The steps are
Copy the given code.
" <a href="Paste The URL(link) address of any page of your blog/site"><img src="Paste the image source of first image (which will appear by default)" onmouseover="this.src='Paste the image source of the second image (which will appears on mouseover)" onmouseout="this.src='Paste the image source of first image (which will appear by default)'" /></a> "

• Replace this Paste The URL(link) address of any page of your blog/site with the link where you want to jump the visitor.
• Replace this Paste the image source of first image (which will appear by default) with the source link of the first image which will appears without mouseovering or appears by default.
• Replace this Paste the image source of the second image (which will appears on mouseover) with the second image source link which will appears  on mouseover or changes on mouseover.

related articles/topics

• Become a Successful blogger
• Learn Blogger important SEO
• Start making money online easily

after this, copy the code and go to your blog settings and click on Layout and after this click on the add Gadget link and then the popup will open and scroll down it and then click on HTML/Javascript and paste the code and save it and enjoy it.

Now if you have any sort of question related to this or any other topic or article of Onllogy, you can contact us for free.