Customize your blog to avoid Image layout problems

Customizing
Image for
Layout

One of the major disadvantages of blogger is that there are no provisions for fixing image width so that there are no layout problems. But in this tutorial you would be explained how you can fix the maximum width of your blogger images so that you do not face any layout problems with your blogger layout. But, still you would be able to give a smaller size to your images.

Follow these steps to achieve a permanent fixed image width:-

1. Go to the "Edit HTML" section of your Blogger blog.
2. Search for either of the following codes without checking the "Expand widget template" box.


(i) .entry img [ This would be found in Falcon hive Templates ]
(ii) .post img {This would be found in templates from ptemplates.co.cc and templates ourblogtemplates.com
(iii) .blog img
(iv) .img

3. The above code would be ound in the CSS Section of the template of the blog.

#.post img
border: 1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
.............
.............

}

4. Now you need to add an Extra line before the " } " bracket.

max-width: 100%

5. It will now look like this:

#.post img
border: 1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
.............
.............
max-width: 100%
}

6. Now you can preview your blog in a firefox browser or IE 7.



Do you like our blog? Then Please help us by following ouir blog. You can even donate us whatever you feel like. If you are interested in banner exchange then please contact us.