Comments on Spice Up Your Blog: How to make a Rollover / Mouse Over image link

Hi Paul For sometime I've been able to creat...

2012-02-11T08:21:04.242Z

Hi Paul

For sometime I've been able to create rollovers with your help in Blogger, but now I've been unable to do so because of cross-site scripting notification. I can put the images into your code but no rollover.

I have disabled XXS(filter), and allowed mixed content...but to no avail.

I'm using XP Home with IE8, I'm not using any other browser.

Are you able to help? Thank you.

This is perfect, thank you!!

2011-12-09T20:26:07.910Z

This is perfect, thank you!!

thanks and tried - works great could the second pi...

2011-07-22T02:25:13.774+01:00

thanks and tried - works great
could the second picture be an animated gif?

Thanks for the rollover tip. I can't wait to ...

2011-07-18T05:55:46.034+01:00

Thanks for the rollover tip. I can't wait to give it a try.

http://www.kjlovesphotography.blogspot.com

Bright blessings,
Kathy

Hey Paul, Thanks for share something like this. ...

2011-06-18T13:19:57.216+01:00

Hey Paul,

Thanks for share something like this.

Since i'm a new comer to this blog thing, i need so many read the trial and error for myself. Your explanation just gave me a huge help!

again, Thank You!

@ Marilyn - I you have the images on Photobucket y...

2011-06-05T19:24:10.507+01:00

@ Marilyn - I you have the images on Photobucket you need to copy the direct URL from Photobucket into the positions shown in the code.

I would truly love to learn this. It seems so sim...

2011-06-04T20:15:51.071+01:00

I would truly love to learn this. It seems so simple, but since I'm not very savvy, can you tell me what the initial step is? I have uploaded the images in Photobucket so I can get a URL of each. Do I start the post in Blogger by uploading the image or just typing the HTML code. I attempted to copy your HTML but when I add to by post it is grayed out. Thanks for your help.

very cool thanks!

2011-05-30T18:09:54.615+01:00

very cool thanks!

Thank you SO MUCH!!! I have been looking all over...

2011-03-24T11:51:09.472Z

Thank you SO MUCH!!! I have been looking all over for a simple way to do this and this tutorial is PERFECT and worked right away!!!! Great job.

Hi Paul I have resolved it today. What I was doin...

2011-01-14T17:50:10.089Z

Hi Paul

I have resolved it today. What I was doing wrong was this.

When I uploaded my images from my pictures done in Serif Drawplus into the ‘add images’ box on my blog, I was right clicking on the thumbnail then clicking on properties for the URL.

What I should have done and did do, was add the selected images into compose in the blog editor and then right click on the added images for the URL. This then gave me much larger images which do not distort. Then using your example and substituting I came out with perfectly sharp images. It doesn’t appear to matter about the size of image created in Drawplus, all sizes work fine.

Many thanks.

@ JJ - It could be the images or the sizes of imag...

2011-01-14T17:19:18.073Z

@ JJ - It could be the images or the sizes of images your using.The code for the rollover image wont effect the image display.

Hello again Paul. I wonder if you could help me w...

2011-01-13T13:43:27.216Z

Hello again Paul.

I wonder if you could help me with this on roll-overs. I followed your code and have succeeded with a good roll-over on my blog. But now I'm finding I can't create one that is clear. The images are appearing blurred...I can't understand it. When I first click on the image in blog editor the image looks fine but then goes blurred.

Can you please help?

Thank you.

Thank you Paul for your advice.

2011-01-07T14:31:32.086Z

Thank you Paul for your advice.

great tutorial! I like that this doesn't requi...

2011-01-07T04:01:40.208Z

great tutorial! I like that this doesn't require any alteration to the < head >. :)

@ Kathleen - Yep well done you can add the images ...

2010-12-17T13:18:40.191Z

@ Kathleen - Yep well done you can add the images to a Html/Javascript gadget.Remember the space in your sidebars will be limited so make sure the images are not too big.

@ JJ - The target URL is the address people will g...

2010-12-17T13:16:04.773Z

@ JJ - The target URL is the address people will go to if they click the image.You can put any address there or you just could leave it blank.

I don't understand the target URL. Where would...

2010-12-16T00:15:36.826Z

I don't understand the target URL. Where would I be pointing to. What address goes in there?

I am trying to create a roll over on my blog.

Thank you.

Once I have completed the code with my 2 images UR...

2010-12-15T17:09:04.691Z

Once I have completed the code with my 2 images URL ( I use tinypics ) Can I go into Blogger, Get Gaget, HTML/Java Script/ and add the code in there?
I am excited to figure this out and have before and after images on my site just like Florabella! Yeah! Thank you for posting!
My site:www.amelyajaynephotography.com I will be doing all rollover images on my "Darkroom" page. It is listed under "For Photographers".

Thanks!

Hi Leaves, thanks for the comment if you need more...

2010-02-19T23:29:14.719Z

Hi Leaves, thanks for the comment if you need more help just ask.

Paul.

Thankyou for the tip - I have just made a logo so ...

2010-02-19T23:16:02.686Z

Thankyou for the tip - I have just made a logo so this will be so useful.

Thanks Brumby, Its a great effect, if you seen it...

2010-01-04T01:29:04.339Z

Thanks Brumby,

Its a great effect, if you seen it on a blog or website you would think 'I would like to do that but i bet it would need a lot of code'.

Its amazing how some of the best tricks are the easiest ones.

Paul.

So simple and easy to follow thank you! Worked per...

2010-01-04T00:28:55.481Z

So simple and easy to follow thank you! Worked perfectly first time!

Thanks for posting such amazing things.

2009-11-30T15:34:21.901Z

Thanks for posting such amazing things.