Images F.A.Q

Images/Lists/Tables in Blogs - Tutorial

Monday, March 01, 2004

 

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.

Open Image in MS Paint


2. Goto IMAGE -> IMAGE STRECH/SKEW -> in Stretch Horizontal and
Vertical

stretch horizonal/vertical

3. Give values LESS than 100%. (eg 90%, 75%)

4. Play around until you get the hang of it.

Final Image


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: aligned on right hand side





















3. Display image with border
<img src="name" border=?> - Sets size of border around an image

eg: border value is 3

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: ungalukku enna maathiri alternate text venum?


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.

Click on the Image




Archives

Tuesday, December 02, 2003   Monday, March 01, 2004  

This page is powered by Blogger. Isn't yours?