How to change blog width with Blogger

So I recently came to a certain problem of mine. Pictures were awfully shown here on this blog, half of them were missing, and I couldn't find a way to make the blog expand with them, so I had to go to the next best thing, and change the width of the entire blog.

How I did this was through these simple instructions:

(I would advise backing up your template before doing this, if you feel unsure in changing anything here.)

1) Click 'Layout'
2) Click 'Edit HTML'

(From here on, using CTRL+F to search for certain parts of the HTML part is a good idea)

3) Changed 'Header-wrapper' width to: 820px
4) Changed 'Outer-wrapper' width to: 850px
5) Changed 'Outer-wrapper' Text-Align to: left
6) Changed 'Main-wrapper' width to: 550px
7) Changed 'Main-wrapper' float to: left
8) Changed 'Sidebar-wrapper' width to: 270px
9) Changed 'Sidebar-wrapper' float to: right

For the last step, you need to scroll far down and find one called '#footer'
10) Changed 'footer' width to: 850px


And this was basically how I did it. Doesn't take any HTML knowledge to do.