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:
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
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.
7 thoughts on “How to Define Max Image Width for All Posts? – Blogspot/Blogger Guide”
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.
Very important comment, thanks for review!
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.
thanks for this information
Most welcome cifar…
Your blog is nice, thanks for sharing the information.