Your Free Images for Squidoo Resource and How-To Guide

I'm going to show you the simple approach to adding an image to your lens. The following are examples and outcomes of each type of implementation.

Code: <img src="http://www.yourdomain/yourimage.jpg">

Gives you the result of..

Code: <img src="http://www.yourdomain/yourimage.jpg" width="pixels" height="pixels">

Gives you the result of..



Note: With controlling the width and height by pixel sizes, you can change the size and shape of the picture. For example, the picture's natural state above is actually 200px by 200px in width and height, but I told it only be 100px by 100px.

Code: <img src="http://www.yourdomain/yourimage.jpg" align="right" width="pixels" height="pixels">

Gives you the result of..

Note: By adding the "align=right" to the code it moved the image to the right side of the area. You do not need to use the width or height in the code to make this align right (or left, or center), I just kept that in there to show you that you can add more attributes to the code to make it do different things.

Code: <img src="http://www.yourdomain/yourimage.jpg" style="border: 3px solid #858585; padding: 2px;" />

Gives you the result of..



Note: You can change the border line size and padding (space in between picture and border) by altering the #px sizes. For example, you can increase the border thickness by changing the 3px to an 8px so it looks larger in size. You can also change the type of border by changing the word "solid" to something else, such as "dashed".

dashed


dotted



double



groove



ridge



inset



outset