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

6

When you create a post and upload an image to a Blogspot post, it is a little tricky to adjust manually the same width for each image in all posts if you 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 theme/template and layout width.

Because of that 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 suites to your blog design. Hereunder is the pictorial example of this:

max-image-size-for-smart-media-publishing

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

Steps to get the same image ‘Max Image Width’ in Post Body of 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 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.

6 COMMENTS

  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. 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.

    • 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 REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.