How to Define Max Image Width for All Posts? – Blogspot/Blogger Guide

When you create a post and upload an image to a Blogspot post, it can be a bit tricky to manually adjust the same width for each image in all posts if you have already published a lot of posts.

One solution for this is a predefined max image width in the post body.

Different bloggers have different blog themes/templates and layout widths.

Because of that, the post body width is different, but it is not less than 500px by default.

So that we can choose the image with near about 200px, 250px, 80%, 100%, or width that suits your blog design. Hereunder is a pictorial example of this:


Steps to Set Max Image Width for All Images of a Blog Post

Steps to get the same image ‘Max Image Width’ in the Post Body of the Blogger:

1. Blogger Dashboard › Theme › Edit HTML
2. After that find this code ]]></b:skin> in the template
3. Add the following code just above this

.post-body img{max-width:250px;height:auto;clear:both}

4. Now press the “Save Theme” button

You can change the highlighted value in red color as per your blog width.

Note: Different blog themes may have different Div Class, so you need to take care of this, to work changes in your blog.

Need More Help? Just make comments.

7 thoughts on “How to Define Max Image Width for All Posts? – Blogspot/Blogger Guide”

  1. This is a good tip but one part of it is that it may have a very minor impact on performance of a webpage because the browser will have to scale images.

  2. Avatar photo
    Himanshu Pandey

    I think, Suhas’ Comment shows that it will cover no more specific SEO impact for the blog.
    Pictures of the same size in every post is, I think, not a good deal.
    Thanks to share.

    1. Avatar photo
      Vinay Prajapati

      It has no seo impact for sure but it’ll make your blogging simple by automatically reducing the image size as per your post body and make your blog beautiful. It most desired feature for wordpress blog and specially for photo gallery blogs.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top