HELP
May 24, 2008, 2:06 am
Filed under: Uncategorized

Some people have (apparently) been wondering how images are inserted into a blog, headers are made effectively, etcetera. So….here you go, how to do that and anything else possible.

This is how I did it, so if you know a better way, let me know.

INSERTING AN IMAGE.

1. FINDING THE IMAGE
Find an image. (Google works well).

2. STARTING TO RESIZE YOUR IMAGE
Click until you see the full size image, then, copy and paste the image into a program you can use to edit it. Actually, just use MS Paint, it will make this blog simpler.

NOTE: this is only if you need to re-size the image, so you can see the pixel width and size (so the image isn’t squashed, stretched, or out of focus) to later put into the …”image insert device” available on WordPress. If the image you found is the right size, and you aren’t looking for a smaller one to insert on the side of the text (as can be seen in this blog), you can simply skip to STEP 5.

3. RESIZING YOUR IMAGE
Here’s the good part. Take the image you pasted and resize it to your liking.
Go to “image” on the topmost toolbar, move your mouse down till it is on “stretch/skew”, and click.

This box should pop up:

Type in how much you want the image to be shrunk or expanded. Really, you should only use this to shrink, expanding the image could result in poor pixel quality because the pixel cells have been enlarged too much.
MAKE SURE that you have the same stretch/skew quantities in the horizontal and vertical “number boxes”.

4. PIXEL COORDINATES
Wonderful, you’ve reached step four! Now you’ll learn why you had to do all the work of resizing your image and how to INSERT your image into your journal.
Alright, the reason some of you had to “resize your image is because you need to pixel x pixel coordinates so you can properly resize your image.

You see those little numbers circled in red in the bottom right hand corner? Remember those.

5. INSERTING AN IMAGE HOW TO FILL IN THE BOXES
Now, on your WordPress tool bar you will notice you have an image insert button. CLICKETY CLICK IT.

This box will pop up:

Image URL: Now, go find that image again! You’ll need to view it full size and copy the URL (those letters and numbers in the address bar), and paste it into the appropriate column.
Image Description: Simple enough. Type in a description.
Alignment: Choose one of the options. They are where your image will go in relation to your text.
Dimensions: Allllright. Remember those numbers you were supposed to remember? If you had to resize the image, type those into the appropriate boxes. This ensures that your image was properly sized and doesn’t turn out skewed.
Border: If you would like a border placed around the edges of your image, type in a number. 1is similar to the line the pencil tool makes in paint, or one pixel.
Vertical and Horizontal Space: about 20 should do it. This just makes sure your text doesn’t crowd around the image.
Class: Don’t bother. It is the same as alignment.

Once you have all the information filled out click “insert” and you are set!

MAKING YOUR OWN HEADER

There really isn’t that much to this one. The header of this blog was entirely handmade in paint (with a mouse). If you don’t have those kinds of skills, you can simply take an image from Google, put text or draw on it to the best of your abilities, and then save it. You can insert it by loading it onto an image hosting website (such as tinypic), copying the URL, and following the above steps to insert the image [minus resizing :) ]. I have had trouble loading images directly from my computer onto WordPress, so I would recommend the above steps.

If I know you and you explicitly ask me to make you a header, ask me in person. They don’t take to long to make and I’ll be happy to do it.

NOTE: If you do make your own header, make sure when you upload it, it is the same pixel height and width as the default header for the profile you are using.

INSERTING YOUR OWN IMAGE
See above.

ABOUT TINYPIC [IF YOU USE IT]
A thing to know about tinypic.com, if you are using that to host images as I did, is that you will need to click the image until you see the “raw image”, and copy the URL from there.

Now go here:

And then here:

And finally copy and paste the URL in the address bar and follow step 5 of the first tutorial.


USEFUL LINKS
Google Images
Tinypic Image Hosting


3 Comments so far
Leave a comment

This is a great idea. I would just recommend you make sure it fulfills all parts of the rubric in sections 1-3. If you’re content with that, chances are your peers will be too when they grade it next week! :)

Comment by mrlovejoy

oh, and yes it is good to have your post turn up in searches…unless you don’t want it to…in which case you can change your blog settings…

Comment by mrlovejoy

[...] help finding/customizing/inserting images into your blog? Check out this helpful tutorial created by one of our own! Or check out this basic explanation of how to insert images from another [...]

Pingback by Grades and Images « Stop Whining and Blog




Leave a comment
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>