Blogger

How to Resize Post Images Automatically in Blogger

By using proper images in blog post will not only make your post designable but also attracted more and more visitors. So what if you have used and added a random dimension images in earlier post and now you want to resize all of them at once. Is it possible to decrease or increase image size in all posts automatically? Yes surely we could easily customize all these photos by adding with a little CSS Code. So in this article we will show How to resize all post images automatically in blogger blog.


1- Go to Blogger Dashboard

2- Go to Template  >>  Edit HTML


3- Type Ctrl+F to search for  
]]></b:skin>
4- Now paste the below given code just above the ]]></b:skin>
.post-body img {
width: 500px!important;
height: auto!important;}
  • If you want to increase or decrease the width of image then change the value of width: 500px
  • If you want to increase or decrease the height of image the give the value to height: 500px
  • If you wish to add border to the image then simple add this property to the above coding border: 1px solid #d2d2d2
5- Save Template

Done!
Don't forget to share this awesome tip to your friends by clicking sharing buttons below.


0 comments:

Post a Comment

Powered by Blogger.