html tips: how to resize blog photos to the same size

Today I have a super quick tutorial on how to size all your blog post pictures to the same size without having to manually do it every time you post.

First, its a good idea to back up your blog template in case anything goes wrong. You can do this by going to the template section in your blogger dashboard and clicking on backup/restore which will give you the option to download your template.
To resize your photographs all you need to do is add a little coding and this can be easily done by clicking on the customise button in your template section – go to advanced – scroll down to add css and add the following code;

.post-body img {
width: 600px!important;
height: auto!important; }

The text in yellow is the blog post photo width and you can change this to your desired width if its too large for your blog. I currently use 600px images in my blog posts so you have an idea of how wide they are. As the height is set to auto, your images wont be distorted. This coding will make the images in all your blog posts the same size. I hope this was helpful and if you have any problems just let me know in the comments below.

Leave a Reply