Okay, lets go do it!
Method one - host your image from image hosting site
Go to your blogger dashboard and create post, usually it will automatically in Compose mode. Click on HTML tab to see in HTML mode, it is because the Compose tab. It is at the right hand side, just above the tool section.
Copy and paste the following code into the HTML tab:
Replace the "insert your picture/photo link here" here with your own link.
Now you can check the images by clicking on the Compose tab. Or use the Preview link, which is just below the Compose tab.
Method two - host your image from blogger/blogspot
Same as Method one stated above, but instead of uploading the photo to image hosting site, upload the photos/pictures to blogger first. Go to HTML tab, you will find some code looks like below:
Copy the link right after the first "href="" until the next """ and put it into the table that I showed in Method 1.
1. It is always good to insert the pictures/photos first and then write your blog post, because it can be very tricky to look at the HTML code once you have start writing it.
2. It can be quite confusing, especially if you are not familiar with HTML, and errors can make the whole post unreadable, so please help yourself by start with inserting photos/pictures first and then compose the post.
3. A few time of trying definitely will get yourself more familiar.
Finally, publish your post!
Good luck! :-)
Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)