BLOGGER TUTORIAL - How to resize photos on blogger

Blogger has recently changed the editing program they use for producing posts, so the once simple 'drag and pull' system or re-sizing you photographs has now gone for ever. Instead it has been replaced by some awful set up that that refuses to do what you want it to do.

However, I have mastered its idiosyncrasies and am willing to pass on the information.

1. You CANNOT click and drag you photos anymore. Don't try, even though it may look as though it may work - it won't! When downloading a new photo it will only sit where you left your cursor so make sure you have clicked in the place before you download it.

2. You new image will always start off in the centre of the post - however annoying that may be, but click on the photo and it will give a list of options just below it. As I prefer my main photos to fill the full length of my post I choose to click on the left option, then increase the size to large. Usually the X- Large option will too big and will remove one end of your photo.

3. For a perfect fit I am afraid you will need to edit the HTML code of your photo, but it is very easy once you know what to look for. Firstly click onto the Edit HTML tab on the top right of where you are writing your post then identify the code that represents you photo. It should look a little like this:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdP4l01rrb6how1a2K-tEropBm-HhSbfHCjL3XQHuc_7yeoY_Vj7yb9X94wofN5VuRQ7wBguOoRuNNKunWL6C8wZnMB1TZ0XxCeieM3fRSymbxHNHS4QfXMZKfv1vtTuIMjjgDWv66kw/s1600/image captions blogger.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="275" r6="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdP4l01rrb6how1a2K-tEropBm-HhSbfHCjL3XQHuc_7yeoY_Vj7yb9X94wofN5VuRQ7wBguOoRuNNKunWL6C8wZnMB1TZ0XxCeieM3fRSymbxHNHS4QfXMZKfv1vtTuIMjjgDWv66kw/s400/image captions blogger.jpg" width="325" /></a></div>

Luckily this code will allow you to adjust the size of the photo. The key features you are looking for are in this area of the code isolated below, notably where it says height="275" and width="325" :

img border="0" height="275" r6="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdP4l01rrb6how1a2K-tEropBm-HhSbfHCjL3XQHuc_7yeoY_Vj7yb9X94wofN5VuRQ7wBguOoRuNNKunWL6C8wZnMB1TZ0XxCeieM3fRSymbxHNHS4QfXMZKfv1vtTuIMjjgDWv66kw/s400/image captions blogger.jpg" width="325" /></a></div>

All you have to do is change the numerical values for height and width so that it fits as per your wishes.For my own posts, I usually keep values of height="400" and width="500", however you will need to play with it a little to find out what fits your posts exactly.

For related articles click onto the following links:
CAN'T GET PAST WELCOME SCREEN - WINDOWS 7?
How to resize photos on blogger
How to add a live Traffic Feed to Blogger