Some images are too wide to fit comfortably on your blog. There are several ways to deal with this problem.
|
 |
Method One:
| On your blog administration page, you'll see a list of the entries in your blog (if you don't see this, click "Entries" in the left hand column). Choose the entry with the unwieldy picture--in this case, the entry is called "Pretty Picture". |  |
| When your entry appears, find the code that corresponds to the image (it will begin with "img..."). Near the end of this piece of code, you'll find a "width=" and a "height=" attribute. We're going to alter these in order to make your image fit. First, select and delete the height="..." text. |  |
| Next, find the number that specifies the width of the image, and select it. |  |
| Then you must specify a new width for the image. The maximum width allowed on your blog is 480 pixels; choose a number equal to or less than 480, and replace the image's current width with that number. |  |
| Save your entry, rebuild your site, and view your site. The picture will now be resized according to your specifications. Because we deleted the reference to the image's height and focused only on its width, the image is rendered according to its original proportions. If you're unhappy with the size of the image, go back to your entry and choose a new width. |  |
Method Two:
| In your blog's administration page, navigate to your entry (see Method One for more details). The first step is to re-upload the image from your hard drive. Click on "Upload File", near the top of the left-hand column, and go through the steps for uploading your file (see this tutorial for a refresher). |  |
| Because this is the second time you've uploaded this very picture, you'll get a warning message asking whether you want to overwrite the existing file. Choose "Yes". |  |
| Next, you'll be shown a window like the one at the left. Make sure "Show me the HTML" is selected, and click the "Popup Image" button. |  |
| Select the code that appears and copy it (either by right-clicking and choosing Copy or by pressing Ctrl-C). |  |
| Return to the page containing your blog entry. Select the image code (beginning with img ...). Then select Paste, either by right-clicking and selecting "Paste" or by pressing Ctrl-V. The old code will be replaced by the new, longer code. |  |
| Save your revised entry and rebuild your site. |  |
| When you view your site, the oversized image will be replaced by a link reading "View Image". When you click this link, the full-sized image will pop up in a new window. |  |