The main question is that "How To ReSize All Image On Blogger Blog With Pure CSS Code And Also Full Customizable Tags To Make Your Blog Image All In One Size?" Before explaining the original hack , I would like to tell what most of the blogger might be doing to re-size their images while writing posts. Mostly they will use style tags to mention the width and height of the image.
Whenever I upload lots of photo in Blogger, I always end up re-sizing the photos from small size to its original size. There are times that I want my photos to appear bigger and not the automatic default --small size after an upload.
Re-sizing it manually with a few clicks is okay,but what if I uploaded 20 or 30 photos in one blog post and I want those photos to appear in its original size? My time will be eaten the photo loading after re-sizing and clicking and selecting photos one by one is not convenient.
Resize Single Image:
Resize All Images:
But when you are having a number of images in your posts , then it becomes difficult to mention the image size and width in each and every image. And also if you change the template which contains different width , then you need to edit the size and width in all images.
1.) All Images Will Be Automatically Resized With Just One Code.
2.) You Don't Have To Edit All Of Your Blog Pics.
3.) Easy And Best Method To Use.
4.) Full CSS Code.
5.) Can Also Add More CSS Propertied.
6.) Full Customizable.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Template".
4.) Click "Edit HTML" .
5.) Now Find ]]></b:skin>
6.) Now Copy The Below Code And Paste It Before There.
7.) Click Save, Now You Are Done.
padding : 10px;
line-height : 2em;
margin: 0 auto 10px auto;
1.) Change Max-Height Value To Your Desire One.
2.) Change Max-Width Value To Your Desire One.
3.) Change Min-Height Value To Your Desire One.
4.) Change Min-Width Value To Your Desire One.
5.) Change Float Tag To Your Desire One.
6.) Change Margin Value To Your Desire One.
7.) Change Padding Value To Your Desire One.
8.) Change Line-Height Value To Your Desire One.
9.) Save And Done.