Tuesday, October 12, 2010

How-To Tuesday! #1

Today is the first post in what I hope to be a series, at least for a little while, called "How To Tuesday!" Many of my friends who use Blogger ask me how to do things with it- things like, put a picture in a post, put a link in a post (make that link open in a new tab or window!), put images/info along the sides of the blog, etc. I've been using Blogger for years now, and while I wouldn't call myself an expert by any means, I'm hoping I can at least share some tips- from the very simple to more advanced HTML editing- that might be useful to you :)

Today I'll start with something everyone wants to do: How to add pictures to your posts. Everyone likes to look at a blog with pictures!

First of all, where IS your picture?
Is it on your computer saved somewhere?
Or is your picture online?
If your picture is online, is it your own photo or a photo from another website? If you're using a photo that isn't your own, always be sure to get permission before you post the picture and/or give proper credit to the creator of the photo.

Here's how to upload a picture to your blog from your computer.
(This is on a Mac; I'm sure a Windows PC works in a similar way.)

1. While creating a blog post, place your cursor where you want to insert the image (you can move the image later if you wish). Look at the toolbar above your blog post. (You can hover your mouse over the different items in the toolbar to see what each of them does.)
Click the icon that looks like a Polaroid photo for "insert image."

2. Next you'll see the following dialog:

Make sure "Upload" is highlighted on the left, then click "Choose Files."

3. A navigation window will pop up where you can find and select the picture you want to upload.

4. When you click "Open" you'll see this...
Make sure the picture that you want to add is highlighted (it'll have a thick blue line around it as indicated by the yellow arrow), and then click "Add Selected."


The picture will pop up into your blog post, about this big, and centered. If you like the way the picture looks, leave it alone.

5. If you wish to align it differently, add a caption, make it larger or smaller (depending on the original image size), or remove it, click on the image- it will become highlighted and a dialog will appear:
You can click small, medium, large, or x-large to see how the image looks at various sizes. You can also choose to just leave it the original size.
If you wish to place blog text along the side of the image, click "left" or "right" and the image will move to the left or right of your blog post. Centering the image will place your text above and below it.

You can choose to add a caption to the image too, which is great for adding a photo credit or other information about the image.
Here's what the picture looks like with a caption added:
6. If you decide later that the image isn't where you want it, you can click on it and drag it around into various places in your post. Blogger makes it pretty easy :)

Here's how to place an image into your blog from somewhere else on the internet.
(This is on a Mac; I'm sure a Windows PC works in a similar way.)

1. While creating a blog post, place your cursor where you want to insert the image (you can move the image later if you wish).

2. In another window or tab in your internet browser, find the online image that you want to use. In some browsers you can right-click the image and select "View Image" and copy the address of the image from the address bar in your browser. You can also select "Properties" or "View Image Info" and most times you can find the information about the image there. Select the image address and copy it.

3. Go back to your Blogger window/post.
Look at the toolbar above your blog post. (You can hover your mouse over the different items in the toolbar to see what each of them does.)
Click the icon that looks like a Polaroid photo for "insert image."

4. When the dialog appears, select "From a URL" :
(I don't use Picasa so I'm not sure how to upload from there).

5. Paste (or type) the address of the image you wish to use into the space provided.


6. When the image appears, click "Add Selected."


The image will pop into your blog, centered and medium sized.

7. If you wish to change the size of the image, or align it to the left or right, or add a caption, click on the image. It will become highlighted and a dialog will appear.

You can click small, medium, large, or x-large to see how the image looks at various sizes. You can also choose to just leave it the same as its original size.
If you wish to place blog text along the side of the image, click "left" or "right" and the image will move to the left or right of your blog post. Centering the image will place text above and below it.

You can choose to add a caption to the image too, which is great for adding a photo credit or other information about the image (see above in this post for an example of what a caption looks like).

8. If you decide later that the image isn't where you want it, you can click on it and drag it around into various places in your post. Blogger makes it pretty easy :)

I hope this post explains two of the ways to add an image into your blog and is helpful to you!
Once you've gotten some images into your blog, if you wish to use them again in another blog post, you can select "From This Blog" in the "Add Images" dialog. Then find the image that you want to use and click "Add Selected."


Enjoy the rest of your week! :)


No comments: