Probably one of my biggest pet-peeves with bloggers now-a-days is when their images do not match up to the width of the post text (unless, of course, the image is integrated into the copy of the post). Now, this is not to say that we have never done this in our early blogging days (*shudders*), but we have since mended our ways! 😉 I have a feeling the main reason why this design no-no is so prominent in the blogosphere, could be because bloggers simply don’t know how to make their images the same width as their text, which is why I am here to show you how 🙂
When you are writing up your post in Blogger, click on the image you have uploaded into your post. A little blue box will appear at the bottom of the image, where you will see items such as the size of the image (small, medium, large, extra large, original size), the placement (left, center, right), and other options. The size options are what is going to help you in getting your photo width to be the same, or pretty close to the width of your post text. Just experiment around to find the perfect size, as it can vary from image to image.
The main things to keep in mind is when constructing a post, is to try as hard as you can to make the image the same (or close to the) width of your post. I understand that some images sourced from places like pinterest can have incredibly variant widths, and typically are smaller than most blog post widths. If you run into such a problem, try and get creative. Maybe you can integrate it into a collage, or a fun post graphic. Get creative! And most importantly, have fun 🙂
I got quite a few responses about blogging from mobile devices and the inflexibility of the blogger app and website. You know, if you are devoted enough to be blogging from such a device: good for you! Don’t stress so much about design and such, as you are limited, and there is nothing worse than stressing over a blog post (trust me, I know!)
One thing that might help both sides of the party is to ditch the blogger image uploader all together, and go through Flickr. We started using that image hosting site after we came across difficulties with Picasa’s (the blogger image hosting site) storage limit. Flickr is free, you get a terabyte of space (people, that’s A LOT!), and you have way more flexibility with image sizing. When you select one of your photos and click on the share button, you have the option to choose from a huge variety of sizes. Copy the HTML code (NOT the embed code!) created specifically for the size you want, and paste that into your post. When you do paste it into your post, just place the code wherever you want the image to appear, then select the HTML tab in the upper left corner of the post editor. Click back to Compose mode, and your images should appear! You can control where your images are positioned (center, left, right) in the same way that you would if you were to upload the image through the blogger uploader.
I hope this all makes sense! Thanks so much for your support and advice on this post series! I truly appreciate it 🙂