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 > CustomiseSTEP 2 : Customize tab > Advanced tabSTEP 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 :)