How to Resize All Images Automatically in Blogger

How to Resize All Images Automatically in Blogger [photo]
Hey! Now I try to teach you "How to Resize All Images Automatically in Blogger blogs". So! with this article you can easily resize all images in your blogger blogs. This is a common issue in blogger custom templates and also in official ones. Sometimes images will disappoint your blog reader and make your template foolish with crap width. Yes! height does not matter as you width can. So making a good resize level for width of all images in blogger is a key point to clean your template and making good reputation in readers mind.
I personally saw experience this issue with HowToMash while uploading a infographic with a 800px width and it destroyed my post area with foolish image size. Therefore I have searched and find a good code to resize all images in blogger blogs to a limited scale. Read below for more.

Why to Resize all Images in Blogger ?

There are many images with a large number of PX and some of images will not fit in your blogger template. In that case you have to resize all your images. But another headache is resizing images manually will take too much time. If you have 10/20 images then you can but what about thousands of images ? you can't resize them manually. You have to add some CSS coding to do it for you, so can rest.

How To Resize All Images In My Blogger Blog ?

1. Go to and login
2. Select your desired blog and go to its Template section
3. Click on Edit HTML and then click anywhere in coding and press Ctrl+F
4. A search bar will appear, now search for this code ]]></b:skin>
5. After finding ]]></b:skin> copy below code and paste above ]]></b:skin>
.post-body img {
max-width: 550px!important;
height: auto!important; }
6. Click on Save Template button and visit your blog NOW.


  • If you want to decrease/increase width of all images in your blogger blogs then change 550px with your desired number.
  • Also if you want to limit the height of images in blogger blogs then change auto with your desired number.
  • You can add border to all images just by adding border: 2px solid #dedede to above coding.

Final Words

If you need more help then kindly leave comment. Don't forget to share this article with your friends who have blogs on This is recommended for new blogger template designers, because adding this simple code to your templates a needy process. Enjoy blogging!



Subscribe to our Newsletter

Get Free Tips and Guides to Make Money Online!


2016,13,2017,7,2018,18,2019,1,Adsense,8,Advertising,5,Affiliate Marketing,5,Alexa,1,Alternatives,2,Android,1,Announcements,1,Apps,6,Ask Me,9,Back linking,9,Backup,1,Bing,1,Black Friday,1,Blockquote,1,Blog Names,4,Blogging,27,Blogging Mistakes,6,Books,1,Branding Ideas,1,Business Tips,15,Career Advice,1,Case Study,6,Content Marketing,23,CSS,4,Customization,20,Digital Marketing,6,Domains,6,Downloads,1,eCommerce,3,Email Marketing,4,Entrepreneurship,15,Essay Writing,1,Event Blogging,2,Exclusive,39,Expert Roundups,4,Facebook,9,Facts,2,Featured Snippet,1,Finance Tips,1,Forums,2,Freebies,3,Freelancing,4,Giveaways,1,Google,12,Google Adwords,1,Guest Contributions,89,Health Tips,2,Hosting,9,How To,137,Ideas,4,Images,1,Influencer Marketing,3,Info graphic,21,Inspiration,4,Instagram Marketing,1,Interviews,4,Jobs,6,Keywords Research,1,Make Money,59,Motivation,1,Newbie's Guide,82,News,28,NLB,9,Offline Business Ideas,2,Page Rank,4,Paid Reviews,1,PayPal,1,Pictorial,2,Posts,7,PSD Files,1,Quotes and Sayings,41,Reddit Marketing,1,Referral Earning,6,Relationship Tips,2,Review & Guide,14,Save Money,1,Self Improvement,2,Selling,1,SEO,49,SMO,4,SMS - Messages,1,Social Media,19,Social Media Marketing,6,Sponsors,5,Startups,1,Technology,2,Templates,8,Tips and Tricks,56,Tools,5,Tops and Lists,52,Traffic,15,Twitter,2,Video Marketing,1,Viral,2,Vlogging,4,Web Designing,10,Widgets,24,Wishes and Greetings,1,WordPress,11,Work at Home,10,Writing,31,YouTube,2,
item - Online Earning, Blogging, Content Marketing: How to Resize All Images Automatically in Blogger
How to Resize All Images Automatically in Blogger
learn How to Resize All Images Automatically in Blogger blogs with a simple method and a little code. Read more at blog post. - Online Earning, Blogging, Content Marketing
Viewing All Posts Bad, Try Again VIEW ALL Read More Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED! LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back To Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Just now About 1 minute ago $$1$$ minutes ago 1 hour ago About $$1$$ hours ago Yesterday About $$1$$ days ago About $$1$$ weeks ago More than some weeks ago Followers Follow PREMIUM and Locked Please share to unlock this content Copy All Code Select All Code All coding here were copied to your clip-board If You can't copy the coding or text here, please press CTRL+C or CMD+C with Mac to copy now