How To Auto Size Your Photographs On Blogger

Something that so many bloggers don't do, but need to, is automatically resize their blog photos to fit the post area width. It is honestly so easy, and I just thought I would write a quick little tutorial as my Tuesday post so people could adjust their blog if need be!

To begin with, make sure you retain your image quality by making your images back to their original size. Head to Posts // *Post You Want* // Click on Your Image // Select Original Size. Sure enough, for most photographs this will make them super blown up and big on your post editor, however it changes itself to the right size afterwards. This step is just to make sure the image doesn't lose any of its quality during the process.

Next, head over to Template // Customise // Advanced // Add CSS and add the following piece of code.

.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto; 
}

 If you wanted to remove the shadow and border Blogger adds to every image, just add the following code beneath the above one.

box-shadow: none;
border: none;
padding: 0px; 
}

 I hoped this helped - please leave any questions down below and I will do my best to help you!