Inserting Images in Blogs
1. Resize images.
It is advisable that you resize the image first rather than uploading the image as-it-is and resizing it later, using HTML commands. If you upload the image as-it-is then the whole image has to be downloaded from the server, everytime your blog is viewed.(would create problems for dial-up connections)
1. In Microsoft Paint, open the image.
2. Goto IMAGE -> IMAGE STRECH/SKEW -> in Stretch Horizontal and
Vertical
3. Give values LESS than 100%. (eg 90%, 75%)
4. Play around until you get the hang of it.
IMAGE IS READY!
2. Where to upload the images
a. personal webspaces offered by most of the ISP in North America. (Feedback needed from users in other places)
b. Free photo hosting services available to users.
http://photobucket.com/
http://www.weblogimages.com/
Free Webspaces that does NOT WORK in blogs
http://www.tripod.lycos.com/
http://geocities.yahoo.com/
3. HTML Tags
Now we have to find out how to use an *image* in the blog.
1. Display image:
<img src="name"> - Adds an image
eg:
2. Display image and align it.
<img src="name" align=?> - Aligns an image: left, right, center; bottom, top, middle
eg:
3. Display image with border
<img src="name" border=?> - Sets size of border around an image
eg:
4. Display image with alternate text
<img src="name" alt="your text"> - alternate text which could be read
when the mouse moves over the image and visible when the image is not
available on the blog.
eg:
5. Display image with a link.
<a href="http://faqdoc.blogspot.com/"><img
src="http://home.att.net/~mathyk/images/chinese_ancieny_artifact.jpg" alt="Click on the Image"></a>
Here the HTML code for linking web pages is embedded within the HTML code
for displaying images. When you click on the image, you would be
taken to the specified webpage.