HackingUniversity - Hacks . Tricks . How-To's

29 August 2012

How to Resize all Blogger Images at Once using CSS Hack

blogger logoDo you have a well reputed blog running from years or months and have decent traffic on it, well you might have planned for some redesign for you blog so that its more easy for navigation or maybe for just a change, well the problem many people usually face is that there uploaded content which includes images sometimes due to over width or less width of your blog content area can scramble out of the view port.

Well by using a small CSS Hack you can easily resize all your blogger post images at once no matter there are how many posts, just one code pasted and your images will be resized. Well if you wanna resize your images you can check the below steps and code you have to paste.

  1. Go to Blogger > Template > Edit HTML.
  2. Press Ctrl + F and search for ]]></b:skin> tag and paste below code above it.

    .post img {
    margin:0 auto 10px auto;

  3. That’s it your img css modifying code is place now you can make some changes to the code and hit save template button to see the images resized to your desired value.

Well there's an easy way to automatically resizing your blogger images to 100% width that too using CSS hack you can check that too maybe that works well for your blog.