19 Jan 15
Blog restyle . web design

How to create rollover images on blogger // Blog Restyle



I've been updating a few things on the blog this past week, and one of those is adding an over image effect to the DIY and freebies pages. Most of you probably already know this, but for those who don't it is actually pretty simple and it has just one more line of code than the regular icons, I posted last year.

Place your mouse over the image to try it out.


This is the code you will need:

<a href="http://linkgoeshere.com/"><img src="FirstImageUrlHere.jpg"onmouseover=
"this.src='SecondImageUrlHere.jpg'"onmouseout="this.src='FirstImageUrlHere.jpg'" /></a>

1. Upload your images to a photo hosting site like photobucket, flickr or tinypic.

2.Copy the code and paste in where to want the image to be, put the url to the page where it says: linkgoeshere, the url to the fist image on: FirstImageUrlHere.jpg and the second/over image on: SecondImageUrlHere.jpg.

3. Lastly do a test to see if it's working properly.



Have a great Monday,

Comments

  1. AmyJanuary 19, 2015 at 5:46 PM

    This is really helpful, thank you for sharing ♥
    Amy xx

    Perfect Imperfections

    ReplyDelete
  2. Abigail GraceJanuary 20, 2015 at 10:54 PM

    How cool! I've been trying to find how to do this, but this is by far the easiest post I've come across. Thanks for the tutorial!
    (x)

    ReplyDelete
  3. Sunday CordanoJanuary 30, 2023 at 11:51 PM

    Very best along with Most economical Jabodetabek Personal Instructions, the workers in addition to trainers appear home, established your very own analyze timetable and will select any industry associated with examine ... visit https://kursus-ekonomi.netlify.app/les-privat-ekonomi-kelapa-gading.html for further

    ReplyDelete
  4. Carline GodleyJanuary 31, 2023 at 1:33 AM

    Jabodetabek private tutoring services with teachers arriving at the house. More than many hundreds of active tutors will be ready teach various skills and lessons for youngsters to adults ... click https://privat-matematika.vercel.app/les-privat-matematika-tambora.html for more details

    ReplyDelete
  5. Miss StatonJanuary 31, 2023 at 1:51 AM

    This site offers private lessons for PAUD, TK, SD, SMP, SMA, and Alumni. With an incorporated and accelerated method, it can be hoped which it can foster an era of individuals with good morals... click for more information https://ipa-exed.blogspot.com/2022/05/les-privat-ipa-di-palmerah-terdekat.html

    ReplyDelete

Post a Comment

back to top