Tuesday, 26 January 2016

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!

8 comments:

  1. This is so useful! Thank you so much!xo

    ReplyDelete
    Replies
    1. I am so glad I could help you! x

      Delete
  2. This definitely helped!

    hottowncoolgirl.blogspot.com

    ReplyDelete
  3. Oh my goodness, I was seriously just wondering how to do that- no joke.
    Thank you so much! <3

    ReplyDelete
    Replies
    1. What a coincidence! Your welcome - glad to help! x

      Delete
  4. Thanks for sharing this, it's very helpful.

    http://bobblegary.blogspot.com.au/

    ReplyDelete

Hello! Feel free to leave a comment, but please be nice! See my full commenting rules here