Hello friends! While I hack away at the keyboard over the next few days, I’ll share a few Blast from the Past posts I think will be helpful to you. This is a favorite one I still use quite often. Enjoy!
Do you wish at times you could size a photo between the Blogger standards of L and XL?
Well… you can! All it takes is a tiny bit of html tweaking. It’s easy and you have nothing to fear!
~ Resizing photos in your blog post ~
1. Change to Updated Editor
(skip to #2 if you’re already using this)
If you’re working within the blogger platform to create your blog posts, I just want to alert you to the fact that there’s now a Updated Editor version for posting. This is not a default setting if you’ve been blogging for awhile, so you need to go into your settings to tweak this. And I recommend you do this yesterday. It’s that good.
(Those of you using the new templates will be there already )
Updated Editor, as opposed to Old Editor, is much improved for creating new posts. MUCH. One of my most favorite features ever is how photos now load and dock, waiting for further instruction from you. You can download many at a time, go do your dishes, then return later to start editing your post and resize the photos by simply clicking on S M L XL.
To check which editor you’re in:
scroll down to Global Settings
Select Post Editor – choose Updated Editor
2. Load a photo
I’m going to assume here everyone knows how to load photos into their blog posts. So go ahead and download or copy/paste a photo to play with.
Once downloaded, click on the photo and a flyout menu will appear, allowing you to choose what size you want your photo to be. Select Large for this exercise so your numbers match mine.
Now, take note of the size vs. html number code for each size below.
small / 200
medium / 320
large / 400
between L and LX / 576
extra large / 640
XXL / 800
Blogger by default, will allow you to size a photo S M L XL.
I can help you size two extras,
* the one in between L and XL / 576
* and the XXL / 800
3. Resize in html
1. Size your photo to large.
2. Switch to html.
3. Scroll down to the html for your picture so you see this below.
Note the underlined info and find yours. (see above)
Your height and width configurations will likely be different than mine. They don’t matter. The s400 tells you the picture size it currently is. And we want to change it to s576.
a) Remove height=”400″ (yes, all that I typed, the whole thing, click and drag to select, then delete)
b) Remove width=”300″
c) change the s400 to s576
Like this. (see above)
4. Go back to compose and view your newly sized photo. 🙂
This works with all the sizes. Simply remove the height and width, and where it says s, pick and choose what number you wish and replace.
Here are those numbers again.
in between L and XL 576 (not a blogger standard)
XXL 800 (not a blogger standard)
These are the only numbers I was able to make work. I tried all kinds in between. So know, I’ve done the hard work for you. You can now choose any of the sizes above to resize your photos!
Are your pictures cut off to the right?
If this is happening, the width of your posting space is too narrow for the picture you’ve chosen. Simply downsize your photo to accommodate your blog, or increase the typing area of your blog.
To increase the typing area of your blog:
Blogger’s default will only allow you to go to 1000 pixels wide. My blog is set at 1200. However that requires a little html magic I’ll have to show you another time. (when I have time, not because I’m lazy!) 🙂
If you’d like to know how to do that, that’s another whole lesson.
Now go experiment with all those cool photos you’ve been wishing you could change. 🙂
Wish for more blog improving tips? Click HERE for the works to date.
(this original post was HERE. It displays comments you may be interested in taking in, however some of the info in the post is no longer valid due to Blogger changes)
And in other fun news…