Quote

Hover your Mouse above the picture below >>

 

You can also link images to different web pages. A common practice in the Internet world is to use images like buttons as links and to use an image as your homepage. Also, when a user puts his/her mouse over the image, you can make a little popup text come up that gives information about the image (called ALT text).

 

This is the way to do it..

• Host a picture or a thumbnail online using
• Copy the URL they give you.. E.g.

 

<img src="Link/Url of image" alt="Text for unloaded image" title="Tooltip text" />

 

Copy the code above and make the changes to it as mention below...

 

• The part in Yellow is where the URL of your picture goes [URL got after hosting picture on imageshack or an image from a website ]
• In the Blue part ,Put in text  that you want to display INSTEAD OF THE IMAGE in the case of the image file not loading, or being deleted
• The part in Red is where you put text  that you want to display in the tooltip - the tooltip's the little box that appears when you hover your mouse over the picture. [Ffor e.g. the "login" picture above and below in this blog entry ]

Now...

• Make a new blog entry or open an existing one.
• You have to paste the code above , of course after making the above mentioned changes into your blog entry.
• Do not paste it directly. Click on the  button and paste the code then. .
• Deselect the  button to get out of the HTML editing mode and make final changes to your entry.
• Publish your Entry
• You are Done !
• You can later hyperlink the image to a website of your choice by selecting the picture and clicking on the  button from the Blog editing tools.

For e.g.

Hover your Mouse above the picture below >>

For this I used the code below :

<img src="http://img249.imageshack.us/img249/1613/buttlogin0rf.jpg" alt="Login" title="Here is the Alt text that I talked about" />