A picture in your diary description can be just the thing to let people know what kind of person you are, or what kind of diary you keep. Adding a picture to your diary description is easy.
However, the first step is to make the picture available on the Internet, where your diary pages can find it. A picture that is stored on your computer can not be posted in your diary. For a picture to be posted in your diary, you must first store it on an Internet server, and then link to it in your entry.
For instance, your picture may be stored on your own personal web page with your ISP, or you may use a photo service like Yahoo! Pictures or Snapfish. Once your photos are stored on an Internet server or webpage, you can then link them into your diary entry.
Most important, you will need to know the Internet address, or URL, where your picture can be found. For instance, the picture that Open Diary uses for its logo has a URL of http://www.opendiary.com/images/odlogo.gif. You can test the URL of your picture by typing it directly into the address bar of your web browser. If the picture displays in the browser, you have the correct address. Please note that your URL must include the http:// part!
Please remember: if you insert a picture into your diary, and then remove it from the server or change its name, it will no longer display in your diary.
Once you know the URL for your picture, you are ready to put the picture in your diary description. To insert the picture, you must use the the <IMG HTML tag. For more information about HTML tags, please see HTML Tags and How To Use Them.
The proper format for the IMG tag is like this:
<IMG SRC=http://www.opendiary.com/images/odlogo.gif>
where www.opendiary.com/images/odlogo.gif would be replaced with the URL of your own picture. Please note that you must include "SRC=", or the tag will not work. Also notice that, unlike other HTML tags, the IMG tag does not use a closing tag.
Once you save your diary description with the tag, the picture should display on the front page of your diary. If you don’t see the image, or you see a broken image link (looks like a red X in a small box), then the URL you entered is invalid, or you typed the tag incorrectly. You can test the URL by typing it directly into your browser address bar, to see if the image appears.
An optional part of the IMG tag that many of our writers find useful is ALIGN. The ALIGN tag lets you tell the browser to display your picture aligned to either side of the window, and (more importantly) wrap your text around it. This makes for a cleaner-looking, more professional page.
To use the ALIGN tag, insert either ALIGN=left or ALIGN=right into your IMG tag. For example, the following tag will tell the browser to display the image on the right side of the page, and wrap the text around it:
<IMG SRC=http://www.opendiary.com/images/odlogo.gif ALIGN=right>