Hi every one! How are you all doing? You know, one thing I really hate is waking up in the morning and checking my blog with photos of mismatching widths. It just drives me crazy. I always thought that blogger will instantly do magic to my photos and render it all prettily with a streamlined feel. Guess what, I was wrong. Lately I've been trying to self study html to see how it works. I searched the internet for tutorials and guides on how I could improve my blog's visual. I wanted to be able to customize the sizes of my photos on my blog entries that's why I tried every means possible to be able to find an answer. Let's face it, it's much more entertaining to read a blog with clear, big and organized photos. One article that really helped me a lot is Streamlining Photo Size by little chef honeybee. Feel free to check it out ☺
Ooohh your thinking that this tutorial will be hard to understand ei? Don't worry! You don't have to be a pro coder or techie chum to get this. If your a blogger who wants streamlined photos without editing everything in Photoshop then this tutorial is for you. Go grab yourself a cup of coffee then let's get this show started. I hope you guys are ready!
The first thing you need to know is the size of your content area. The content area is where your posts shows up. Normally it's either on the left side of your blog (beside your sidebar) or at the center (in between your sidebars).
To do this go to Template >> Customize >> Adjust Widths
Here you'll see the whole measurement of your blog page. Now we have to do the math! To find out your content space width: add both the left and right width measurement and subtract it to your entire blog measurement.
Example: 210 + 210 = 420 (side bar measurements) ;
1200 (entire blog measurement) - 420 (side bar measurement) = 780.
780 is now your content space.