Change Picture when passed Cursor

Change Picture when passed Cursor

1. Go to your Blogger Dashboard > Design > Page Element > Add a Gadget > HTML/JavaScript

2. Copy the code below and paste it into the Html/Javascript box:
This script has a picture link.

<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>

This script does not have a picture link.

<img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" />

3. You can change here

<a href="http://www.blogger.com/Target%20link" target="_blank"><img onmouseout="this.src='URL gambar pertama'" onmouseover="this.src='URL gambar kedua'" src="URL gambar pertama" /></a>

link color for The first picture we see.
link color for Links will you visit after you press the cursor at this picture.
link color for The pictures will be displayed with different sizes with the first picture you see, you can change size depending on the size of the original picture in the url that you upload.


4. Add a title. Save.