Resize All Images Automatically in Blogger

Blogger has basic options for resizing images, but this not practical and does not fit the blogs designs well.

Manually resizing pictures one-by-one is acceptable, but what if your site has a lot of photos and images. Will you edit them manually that would take months or even more?

Here's the solution:

1. go to Blogger.com
2. your site
3. Template
4. press the Edit HTML button.

In the new Blogger HTML Editor search for the ]]></b:skin> tag

and just before it paste the following CSS coding.

.post img {
float:center;
min-width:560px;
max-width:560px;
max-height:400px;
min-height:400px;
padding : 10px;
line-height : 2em;
margin: 0 auto 10px auto;
clear: both;
}

Now change the values of Width and height, according to your needs. You can even add a border to your images through (border: 1px solid #d2d2d2) a modest border CSS command.


After customizing, press the “Save Template” button.

Blogger Brunch (Photo credit: isthisREALLYmylife?)