How to adjust the size of images on blogger

Today I'm going to show you how to adjust the size of images posted on your blog since most of my friends are having problems with changing the size of images

first switch to "edit html" mode on your post editor and find the image you would like to adjust here's my sample image code

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg1lOGK_SEzsH8eJxWZ8Lt75MRUbQ4hMeZp67CO2xR0eGYTKFHsO7BtXmJfIlcN3LVK8IwmtAZriEAWVuIMEYGmFYWqkrM9a-pPOot6w3K5wiEpyOmLaFsuYNYEyIo4kBr8QIJI6G2QiA/s400/step-01.jpg"><img style="width:304px;height:400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg1lOGK_SEzsH8eJxWZ8Lt75MRUbQ4hMeZp67CO2xR0eGYTKFHsO7BtXmJfIlcN3LVK8IwmtAZriEAWVuIMEYGmFYWqkrM9a-pPOot6w3K5wiEpyOmLaFsuYNYEyIo4kBr8QIJI6G2QiA/s400/step-01.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5303081243051517074" /></a>

yours may look a bit different from mine but don't worry we are only interested in the code highlighted in red this controls the width and height of your image.

You can change it to whatever you want but its best to keep it no bigger than the image size itself also you need to think about the width of your blog

if you are uploading your images somewhere else such as photobucket you can just link them in your posts using simple code below

<a href="http://i44.tinypic.com/5wdliv.jpg"><img style="width:304px;height:400px;" src="http://i44.tinypic.com/5wdliv.jpg" border="0" alt="" /></a>

again adjust the width and height to whatever size you need and the code highlighted in red with the direct link to your image if you do not want your images clickable remove the anchor tag so your code should look like the following

<img style="width:304px;height:400px;" src="http://i44.tinypic.com/5wdliv.jpg" border="0" alt="" />

that way your images will not be clickable.