How To Set The Maximum Width of Images In Blogger

You have got the screenshot of a webpage, but you can't make it to fit properly in your blog, its overflowing.
To overcome this, you may use the maximum width property of CSS. This way your oversized images will always have a certain limit and you can also maximise the utilisation of writing space in your blog. This trick can be used on any platform which utilises CSS.


 I am using Blogger, so I will take it as example.

• First of all Backup your template
• Go to  Layout » Edit HTML
• Search for this code using your browser's search(Ctrl+F) : .post img or img
• Put this line between the braces:                                             max-width:RQLpx;
• Here RQL is the required image width; e.g.  "max-width:600px;"

Save your template and see the effects.