This document provides instructions for adding and resizing images in a blog post. It explains how to upload an image, add a caption, and then edit the HTML to change the image size values and make the image larger for viewing. The instructions demonstrate manually resizing an image by changing width and height values.

1. 1 Go to picture button, click the button, you will see this window
2 Browse to upload from your computer and then when the picture appears, click Add selected
Develop your blog: lesson 4 www.johnjohnie.blogspot.com Page 1
3After the picture/pictures appear on your new post body, click it to see the available options as above.

2. 4. One option is to add caption to explain about the picture you inserted. I inserted the words The
blog we love !
5. You see this image has a small size in the blog when we print view. We want big size images for our blog. So, what do we do ?
Develop your blog: lesson 4 www.johnjohnie.blogspot.com Page 2

3. 6. Now go to Edit HTML, and you will see text like this. This is HTML code for the picture we inserted. Look for numbers as
we are going to change size of the image .
7.Now you see we made changes on figures s320 =s1600, width 320 = 500, and height 160 =400. You can make changes
on the values above depending on the size you want your picture to be. There is a way of doing an automatic sizing of
images so that you can have custom image size for your blog. Let us call this a lesson for the advanced level. For now let
us deal with elementary development of your blog.
Develop your blog: lesson 4 www.johnjohnie.blogspot.com Page 3

4. 8. Now your post is ready with a big sized image !!
Develop your blog: lesson 4 www.johnjohnie.blogspot.com Page 4