0 A Simple Trick to Resize All Images Automatically in Blogger

Labels:
A Simple Trick to Resize All Images Automatically in Blogger

Most blog writers have to face the problem of dimension pictures on their weblog. Images of huge dimension flood into part cafes and which remains the blog’s overall look. Blog writer provides the service of resizing the pictures in the pos manager but this does not perform well according to the blog’s style. However, CSS Rule creates it possible to instantly re-size all the pictures on your website and fit them magnificently in the blog’s style.
Some might think that re sizing pictures personally is simpler and better. Yes, of course you are right but what if you have 40 or 50 pictures to re-size simultaneously. It will take times to just click and choose pictures one by one for re sizing. It is never practical but with genuine CSS Rule you can re-size all pictures to make your website pictures “all in one” dimension.
In this guide we are going to describe you a easy technique with the help of which you just have to modify your html code design and not all the content one by one. It helps you to save time as well as from stressful attempt. It will also enhance the overall look and circulation of your website.
  • First go to Blog writer.com >> your website >> Design >> Modify HTML.
  • Now in the new Blog writer HTML Manager look for for the ]]></b:skin> tag.
  • Just above this tag insert the following CSS programming. 
 .post-body img {
width: 500px!important;
height: auto!important; }


Now you can change the of Size and size, according to your need. You can also add a boundary to your images through (border: 1px strong #d2d2d2) which is simple boundary CSS control. After modifying, press the “Save Template” key and that is all. 
I would recommend that you should restrict automated resizing only to your website images and not increase it to design design and information images. So, restrict the CSS Rule to a specific part of weblog, say to the images in a post body. Other parts of your website will remain unchanged. 

No comments:

Post a Comment