Automatically Resizing The Image In Blogger Post To Fit The Post Area

AUTOMATICALLY RESIZING THE IMAGE IN BLOGGER POST TO FIT THE POST AREA

In this blogger post, we would see how to make all post images inside the post of blogger to fit the post area. This CSS code will fit all your blogger post images perfectly. To make all image in a blogger post of same size add this CSS code to your blogger template.

CSS CODE FOR AUTOMATICALLY RESIZING BLOGGER POST IMAGES

.post-body img {

width:100%;

height:100%;

display: block;

}

Image Before Applying CSS Code

So, for adding this code follow this steps :

STEP 1 : Template > Customise

STEP 2 : Customize tab > Advanced tab

STEP 3 : Advanced tab > ADD CSS

Image After Applying CSS Code

STEP 4 : Add the above CSS code in the ADD CSS tab. 

STEP 5 : Save template. That's it ! 

Now, your all images in a blogger post will be automatically be resized to fit the post area. For more blogger tutorials and widgets keep tuning in. Enjoy :)