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 blogger.com 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.

Customizations

  • 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 blogger.com. This is recommended for new blogger template designers, because adding this simple code to your templates a needy process. Enjoy blogging!

COMMENTS

BLOGGER: 2
Loading...
Name

2016,21,2017,11,2018,7,Adsense,8,Affiliate Marketing,2,Alexa,1,Announcements,1,Apps,2,Ask Me,6,Back linking,5,Backup,1,Bing,1,Black Friday,1,Blockquote,1,Blogging,6,Blogging Mistakes,6,Books,1,Case Study,6,Content Marketing,15,CSS,4,Customization,20,Domains,6,eCommerce,1,Email Marketing,1,Entrepreneurs,10,Event Blogging,1,Exclusive,35,Facebook,6,Featured Snippet,1,Forums,2,Freebies,2,Freelancing,4,Giveaways,1,Google,10,Guest Contributions,72,Hosting,7,How To,107,Info graphic,19,Inspiration,3,Interviews,4,Keywords Research,1,Make Money,36,Newbie's Guide,64,News,22,NLB,9,Page Rank,2,PayPal,1,Pictorial,2,Posts,4,Referral Earning,2,Review & Guide,16,Roundups,2,Selling,1,SEO,38,SMO,4,Social Media,9,Startups,1,Technology,1,Templates,7,Tips and Tricks,55,Tools,4,Tops and Lists,39,Traffic,12,Twitter,2,Vlogging,2,Web Designing,9,Widgets,24,WordPress,10,Writing,26,YouTube,2,
ltr
item
AllBlogThings.com - Making Newbies Earn Online: 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.
http://2.bp.blogspot.com/-Ucn0ZL4Xppo/U_NcKXuB5sI/AAAAAAAAEjA/vbfcxouhWHM/s1600/Resize.PNG
http://2.bp.blogspot.com/-Ucn0ZL4Xppo/U_NcKXuB5sI/AAAAAAAAEjA/vbfcxouhWHM/s72-c/Resize.PNG
AllBlogThings.com - Making Newbies Earn Online
http://www.allblogthings.com/2014/08/how-to-resize-all-images-automatically-in-Blogger.html
http://www.allblogthings.com/
http://www.allblogthings.com/
http://www.allblogthings.com/2014/08/how-to-resize-all-images-automatically-in-Blogger.html
true
8869657471256965778
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back 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 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy