A couple of weeks ago I was asked by a new blogging friend why her photo's did not enlarge when she clicked on them on her blog as mine do......the answer is not as simple as a quick one liner so bit by bit.....and testing as I went along.......I got together this info to help her out.....I would have pointed her to the site where I found the info myself in the first place but could I find the link again? Could I heck!Now that she has had time to sus out my tutorial and confirmed that is was not full of complete nonsense and more importantly that it now works for her on her blog........thanks for that Laura..........I have decided to post it here as a resource for all the new bloggers in the future......or just in case I go ga ga myself and forget how to do it!Go to the create post and type your text
in the Compose screen. (Fig. 1)
Fig 1.
I like to type most, if not all, my text before I
upload any pictures.....but this is up to you. (Fig. 2)

Fig 2.
If you click on the edit HTML tab you would see something like Fig. 3. This is what my text in Fig. 2 looks like on my HTML tab
It looks like this because I have used "justify" to align my text and the font "Arial" and I have pressed the return/line key after each full stop. Each line of text has a beginning piece of code and an end piece of code so the computer knows how this is to look on screen.
I am explaining this as it will help to place your pictures in the steps that follow.
Fig 3.Now add your image and it will be uploaded and will appear at the beginning of the post, as will any subsequent image. The HTML screen will look like Fig. 4 (minus my highlighting!) with your photo coding starting and ending with an "a" that has <> before or after it......(with what looks like a lot of gobbledygook in between!)

Fig 4.
Now Mr Blogger gets a bit devious from now on! Whilst it is possible to go to the compose screen and drag you photo down the page to where you would like it...........by doing this Mr Blogger decides to take away some of the coding that tells the computer/browser what to do and your photo will no longer be click able to enlarge!!!
If you want all your photo's to be at the very beginning of your posts then that is fine.....but if like me you want to have a bit of writing before an image or you want to have more than one image then this is what we have to do................
Go to the edit HTML tab and click to place your cursor at the beginning........
(where your photo code is) and drag to highlight all the info for your photo. Fig. 5
Fig 5. Right click on the highlighted part and choose copy then go to where you want your photo to be (I chose to insert mine between the second and third lines of text)......then click to place the cursor just before the "div align" of your chosen line......right click and choose paste.
You will now have the photo information twice as highlighted in Fig. 6
If you like......go to the compose tab and see how it looks before you do the next step. Return to the HTML tab and highlight the first lot of photo code again......right click and press delete. Your single photo is now where you want it within the body of your text and is able to be clicked for enlargement. To add more photo's just repeat all of the above....................

Fig 6.
Remember.........Mr Blogger always puts a new photo at the beginning of a post........and always copy and paste the photo info to ensure your photo can be enlarged, also be aware that if your original photo is very small Mr Blogger cannot enlarge it ad infinitum!!!
Hope this has been of help......love to hear from you.
xoxo