Section 25. Inserting Images into Your Posts Using Blogger


25. Inserting Images into Your Posts Using Blogger

You can use images to spice up your blog posts or to share a slice of life with your readers. Blogger provides users with a simple tool to assist in the storage of placement of these images. The following steps show how to place an image in your post, using the Blogger post editor. You can follow along by logging in to Blogger and clicking the New Post icon in the Blogs section of the Blogger Dashboard.

25. Inserting Images into Your Posts Using Blogger


1.

Select an Image on Your Hard Drive

Click the Browse button and navigate the directory structure of your hard drive to find the image you would like to upload. If you want to add more than one image from your hard drive, click the Add Another Image link to display additional form fields.

2.

Enter the URL of an Image

You can use the Blogger image insertion tool to add an image to your post even if it is hosted elsewhere. If you want to add more than one image from an external URL, click the Add Another Image link to display additional form fields.

3.

Select an Image Placement

You have several options for image placement: None, Left, Center, and Right. Contrary to its name, the None placement selection actually places the imageit just does so without any specific alignment. The Left, Center, and Right placement options include code that aligns the image to the left, center, or right of the post area, respectively.

4.

Select the Image Size to Display

Allowing Blogger to control the size of the displayed image means you need not have an image-editing program of your own. If you have uploaded a raw image that is 640 pixels long and 480 pixels wide, selecting the Large radio button for image size will place the full-sized image in your post. This is not optimal, neither for your viewers nor for your blog template. Using Small or Medium places a reasonably sized image into your post, but still retains the original imagethe image code will include a link to it.

5.

Click the Upload Image Button to Store the Image and Produce the Code

After making your selections, click the Upload Image button to upload the image, close the pop-up window, and return to the post editor. The image code will have been added to the textarea. If you want to cancel the process without uploading an image, click the Cancel button to close the pop-up window and return to the post editor.

6.

Code for Your Image Is Added Automatically

When the image upload process is complete and you have returned to the post editor, you will see a chunk of code has been added to the textarea. The core elements of this text are the HTML code for including an image and the HTML code for a hyperlink wrapped around this image code, which (when published) will create an image linked to a larger version of itself. Within this code are various attributes that control placement of the image.

7.

Add Additional Content to Your Post

Although experimenting with the image placement code is not recommended unless you thoroughly understand it, you can add your own content to the rest of the post and style it as you will.

8.

Verify Image Placement After Publishing Your Post

When you have completed the publishing process, take a look at your blog post. Are the images aligned properly? Do they fit? If you are unhappy with your image placement, remember you can simply edit your post and republish itthe images will have been uploaded once, and there will be no need to go through the image upload process again.




Blogging in a Snap
Blogging in a Snap (Sams Teach Yourself)
ISBN: 0672328437
EAN: 2147483647
Year: 2003
Pages: 124

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net