You want to put pictures on your blog site? Right?
Create the pictures with whatever graphics software program you have. PaintShop Pro, Adobe Photoshop, or any of the dozens of different graphics programs. Set the resolution and size to something that will “fit” on your page. Typically, no bigger than 400 pixels across or high, and keep the picture size under 50K if you can. More than that for only truly awesome and amazing pictures. Snapshots, sticking to a 50K limit is best.
Upload the images using either the built-in file upload utility from the Admin > Options > File Upload screen, or via an FTP program. There are many FTP programs out there. SmartFTP is one that is free and fairly easy to use. Or, if you are seriously low-tech, you can just use Windows Explorer and type in ftp://example.com/wordpress/ or whatever your address is to your wordpress files.
I recommend you put the pictures in a single subfolder, like images or graphics such as:
example.com/wordpress/images/
Just to keep them together.
In your post, use either the IMG quicktag button or type by hand the following:
<img src="images/nameoffile.gif" alt="Description of picture" />
If you would like to float the picture on the right or the left or your text with the text wrapping around the picture, you have to add CSS to your style.css file like this:
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
You can change the padding around, but I’ve used this consistently for YEARS and it works across all browsers.
In your image link, you would write:
<img src="images/nameoffile.gif" class="right" alt="Description of picture" />
Is this more information that you wanted? It’s how it works. Enjoy!
