Lovely Tech Support

First, follow the instructions for adding an image here: Add an image to your post or page.

Next, read the instructions on adding a link (to text) to get the general idea: How to add a link to your post or page.

Link an image

Linking an image is a bit more complicated than linking text so the easiest way to start is to link an image from the web. Let’s just assume you’ve used the instructions to link an image from the web and you have a pig cartoon on your page like this:

Here is the URL for the image if you want to play Click Along with Mitch:

http://www.featurepics.com/FI/Thumb/20070109/Pig-Cartoon-185066.jpg

In your Visual tab, you’ll see the picture of the pig. If you click on the Code tab, you’ll see gobbledegook. The particular flavor of gobbledegook you’ll be looking for starts with <img src=
Following that, you’ll see your image URL in quotes. Here’s an example:

The Code is cut off in the image above because it’s too long to fit in the picture. The entire line of code that makes this little piggie appear goes like this:

<img src=”http://www.featurepics.com/FI/Thumb/20070109/Pig-Cartoon-185066.jpg” alt=”Pig Cartoon” align=”left” height=”124″ width=”130″ />

To link the image of the pig to another url:

• Press the Code button.
• Find the image code (gobbledegook) and select the whole thing, beginning with (and including) <img src, ending with (and including) />. In the example we’re using here, your selection should look like this:

  

• Click the link button and type or paste the URL you want to link to in the pop up box. Press OK.
• Your URL link should be wrapped around your image link. (Huh?)For example, if you linked the picture of the pig to http://lovelycounty.com, your code will look like this:

   

  <a href=”http://lovelycounty.com/”><img src=”http://www.featurepics.com/FI/Thumb/20070109/Pig-Cartoon-185066.jpg” alt=”Pig Cartoon” align=”left” height=”124″ width=”130″ /></a>

  The original image code you started with is in purple. The URL link you added when you went to the Code page, selected your image code, pressed the link button, and typed in your URL is in red.