How to: Upload a picture to Blogger

I'm bumping this post from Nov '06 up to 2008 for anybody who has problems uploading photos to blogger. If this doesn't help, email me and I'll see what I can come up with. Thanks..Bernie

Here's a scenario to explain how to upload the Knit1BlogToo Button on to Blogger from your PC.

Create a new post in Blogger.

Click on the 'Add Image' button.

When the 'Add an image from your computer' dialogue box opens, select BROWSE.


This will open up a folder on your PC so you can retrieve the picture you want.


Choose how you want the picture to be aligned in the post** by choosing a layout.

When the picture is uploaded, this is the HTML that will appear on your post:

<a href="http://photos1.blogger.com/blogger/7556/2731/1600/knit1blogtoo%20button%20re%20tutorial.0.jpg"><img style="cursor:pointer; cursor:hand;" src="http://photos1.blogger.com/blogger/7556/2731/320/knit1blogtoo%20button%20re%20tutorial.0.jpg" border="0" alt="" /></a>

And this is the picture:



**To set the alignment of the picture or CHOOSE A LAYOUT, i.e. place it to the left, to the right, or in the center, you need to do this when you select the file to upload. The bottom of the dialogue box gives you the option to select the formatting you want:

NONE
LEFT
CENTER
RIGHT

If you select NONE, the picture will be plonked in the top left hand corner of your post and any text that you add to the post will simply start where the picture ends.

If you select LEFT, the picture will be aligned to the lefthand side of your post and any text you add will wrap around the picture on the right.

If you select CENTER, the picture will be aligned in the center top of the post.

If you select RIGHT, the picture will be aligned to the righthand side of your post and any text you type will wrap around the picture on the left.

To add a link to this picture, see How to: Add a link to a button or photo
Don't forget to check out Blogger Help and/or Blogger Help Group on Google for further information.

Display pictures side by side - tutorial

This is done as a table with two columns. The only disadvantage that I can see is that you cannot click on the pic to have it enlarged.

(table)(tr)(td)
(img src="image URL"/)
(/td)(td)
(img src="image URL"/)(/td)
(/tr)(/table)

Change the brackets to <> appropriately.
The image URL will start with http:// and will end in jpg. or jpeg.

In the image URL you will have the image size looking something like this /s144/ or 144px can be with a different number, depending on the size of your original image. Find out the size of your mainframe in the html edit

#main-wrapper {
width: 410px;
float: left;

And then change the size of your image from 144 to half the main wrapper width (200 or 205 in this case) to fit the frame nicely.

Picture uploading side by side

I worked it out, Yeepee. If anyone would need it, give me a shout and I'll try to explain how.