K.I.S.S. Images

How to post images in your blog
I have already given you a glimpse of the method in the home page, with the simple way you can customize the header of your blog.
But here is how you can embed images in the text of your posts.
Go to your Dashboard.
In “Post”, click on “Add New” to create a new post.
Put a title, like “My images”, for instances.
Below the bars of icons, write some text, just anything. It is important, so that you can understand the position of the image’s HTML text when you have uploaded it. Just type anything in capital letters.

Importing an image from your computer
Look at the upper line of icons, on the left side this time. It says: “Upload/Insert” and then there are four icons. The first icon is for IMAGES. Click on it, wait a few seconds, and you will get the image-upload frame that says “Add media files from your computer”.
Now it is important to look at everything in this frame. You must have “From Computer” activated (in red). If not, click on it.

1. Click on “Browse“, this will allow you to pick an image from your computer files.
Click on the image you have chosen (it must be a .jpg or .gif image, maximum 940 in width).

2. Click on Upload. Wait for a few seconds, and the frame changes. Scroll down, you see a small copy of your image, with its name, file type, date and dimensions.
3. Scroll down again, you see “Link URL“, that the address of your image in your media files. Copy it somewhere, it could be useful some other time.
4. Alignment : If your image is smaller than the page, you can choose to put it in the left, center or right part of your page.
5. You can choose to have it resized to : thumbnail (very small), medium or large, or to keep it in its full size.
6. CLICK ON “Insert into Post”, that’s all.

After a few seconds, your Dashboard page appears again, with the “Add New Post” in it.
In the “Visual” mode, you can see your image appear. If it is not centered, just put the mouse next to it and click on the “center” icon.
7. Choosing a better place for your image.
Remember the difference between “Visual” and “HTML” modes in your text, as explained in the page “K.I.S.S. Text”? In the “Visual” mode, you see your image. In the “HTML” mode, you see a funny line of text.
Click on “HTML“.
Your image appears under the form of a rather long text. Notice that this text begins and ends with an “a” displayed with “<” and “>” before and after it. This is the image source-code. Copy it, and paste it in the place where you want the image to appear, inside or after your post text.

If the source-code has been adulterated, you may get something like this: 

You’ll just have to do the uploading process again.

Now, click on “Visual” and see how your image appears in the chosen place.

8. Very important: don’t forget to click “Publish” or “Update” for your post.
Click on “View Post” and see how it appears in your blog.

Creating a Tiled Background
Now, here is another use of images in your blog. You can put something better than plain color around the text frame of your blog.
When a very small image is “tiled” in the blog page to create a background, it uses a very little part of you blog space (in Qualitative Life you only are allowed to use 10 megabytes for a blog, and images take a lot of that space).
Look on the sides of this blog: the sparkling effect in the purple background is created with a single 256×256 image.
But it can even be smaller, like these:




Finding free tiling background images
In Google, you can find hundreds of websites that offer tiny images to be tiled in a website or a blog.
Type “free background images” or “free textures”, “free wallpaper”, “free clipart” etc., and see what you get. For instance:

Installing a Tiled Background Image
Go to “Appearance” and click on “Background”.
Scroll to find “Upload Image” and “Choose an image from your computer”.
Click on “Browse” select the image, then click on “Upload”.
Look at “Display Options”.
Position: For image tiling, you need to tick “Left”.
Repeat: Tick “Tile”.
Attachment: Tick “Scroll”.
Leave the color as it is.
Scroll up a little, and look at the “Preview” image that appears: do you like it? Does it “tile” perfectly (you don’t see lines between the repeated images)?
Click on “Save Changes”, or do the “Browse” process again to try another image.

Click on “View Post” and see how it appears in your blog.
If you don’t like it, just go back to “Appearance” and “Background”, and click on “Remove Background Image”. The color that you put in the beginning when you created your blog will continue to appear if there is no image.

Remember: DO NOT USE YOUR BROWSER BACK ARROW, always click on “site admin” to return to your “Dashboard”.

The Media Library
Now, where did all those images go, after you had uploaded them to try as background images?
They went to your Media Library, filling up your blog space.
Go to your Dashboard, click on “Media” then on “Library”.
The list of your uploaded images appears.
There may be images you did not want to use in your blog, and they use a lot of space: you can delete them.
Tick the images you do not want to keep within your blog space. Then go to “bulk actions” and click on “delete permanently”.

Have fun!

Return to Home Page