Several of you have asked me recently how I resize the photos on my blog, so I thought I would do a little tutorial today to show you how.
The photo above is an example of the large size that Blogger automatically loads.
The photo below has been resized using the "Edit Html" option when creating a post.
Here is how I do it:
- In order to have room for the resized photos, you must use the Minima Stretch template. You may find that by clicking on "Customize" at the top of your blog, then by clicking on "Pick New Template." You will find Minima Stretch in the first column, second row.
- Load a photo, then click on "Edit Html." Search through the html code to find the width and height. This bit of code will read "width:400px; height:266px." (That is for a horizontal photo; for a vertical photo the numbers will be reversed.) Change the 400 to 640, and the 266 to 425. Click on "Save Now."
- Now find the bit of code that reads "s400." Change the 400 to 640. Click on "Save Now."
That's all there is to it. I'm certainly no computer whiz; if I can do it, anyone can do it. If you have any questions, feel free to email me: firstname.lastname@example.org.