Inserting images into posts
STEP ONE: CREATE A JPG FILE OF THE IMAGE
1. While the website can handle other formats, they can cause problems. Stick to jpg formats.
2. If you took the photograph, you probably already have a jpg file; you may need to export one from iPhoto or wherever you have your images stored. (The website has a size limit on importing photos, so if you're having problems, try a smaller size.)
3. If you are “grabbing” an image from another website, just click,
hold, and drag the image to your desktop, or hold down the control key while you click on the image, then save the image to your desktop. If you're on a PC, it's a right click over the image and save to desktop.
4. Important: Do not grab “thumbnail” images. These are the small, postage-stamp size images that you click on to go to a larger image. If you try using a thumbnail on our website, you won’t be able to adjust the size, and it may not insert at all.
5. Give the image a title (rename it if an unhelpful numeric title was assigned automatically). On a PC, don't use spaces between the words.
6. Copy the URL of the page where you found the image so that you can create a link to it later.
STEP TWO: UPLOAD THE IMAGE FILE TO THE WEBSITE
1. On the website, click on “create content > image.” If you are already in the middle of making a blog post, click on "disable rich text" and then click on the +image icon. You should now see the "image assist" window.
2. In the title box, type in a short, descriptive title. This name will later appear under the image and/or in a pop-up box when the cursor arrow is held over the image.
3. In the "Image Gallery" box, type or paste in your user name. This will put the image in your own gallery on the website.
4. Under “Image,” click on “choose file” and locate the image on your computer. (It’s easiest if you’ve put the image right on your desktop.)
5. In the “Body” box, you can write a very short caption for the image (10 words or so). But do not write very much—it will make a mess of the layout—and definitely do NOT write your blog text in this box. Or you can just leave the body box empty and incorporate your description into the blog text itself.
STEP THREE: INSERT THE IMAGE INTO YOUR BLOG ENTRY
1. In the blog post, "disable rich text" and then paste in your text, then proceed to insert the image.
2. At the bottom of the “body” box, click on “disable rich text” if you haven't already done so.
3. Click on the upper-left corner of the text box, at the very beginning of the text & code. This will put your image at the beginning of the blog entry, and it will also ensure that the text-wrap works correctly.
4. Click on the icon of the plus sign and little image. The “image-assist” window should open.
5. Image-asst will show you the images you have already loaded on your site. You can also upload a new image at this stage. Click on the image you want to insert.
6. Title (optional): If you want a title to appear under the image, type it in; if you don’t want a title, delete the title that appears.
7. Description (optional): If you want a short caption, leave what you wrote when you uploaded the image in the “description” box. If not, you can delete what you wrote; it will still remain with the original image.
8. Size: It is important to give the image an appropriate size. If the image is wider than it is tall, scroll to "landscape." If it's taller than it is wide, scroll to "portrait." If it's square, you can use either setting.
9. Alignment: Left is best.
10. Link: Scroll to “Go to URL” and paste in the URL of the web page where you found the image.
11. Insert mode: This should be set to Filter mode.
12. Click on insert (you should see a lot of html code at the beginning of the “body”
box).
13.Click on “submit.” If you do need to go back, it can get messy, so be prepared to start over—which is why it’s important to write your text in Word before you begin creating a blog entry.
