Uploading images to blogger is great because it offers unlimited bandwidth. But when you post the images, a hyperlink is included, meaning the image is clickable. Here's are some examples
Image with hyperlink Image without hyperlink
See the difference? Image with hyperlink is clickable while the image without hyperlink is not clickable. So how to do it?
1. After you added an image on your blog post, go to Edit HTML tab.
2. The image's code will look like this
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNIiPejXgdGM6eWs2D50GiHyDnuH_wgTJxsisPu_5zihVH4sPtGHEyyRQMkmbeL5CBMv602ubb0RapAlI9RLnMGfvSpMtN28mrL6WkBN42UqTmOgQDRa7hsT2jg2B37D0wkalTzR8b66T/s1600-h/Twitter-fallow-me-64x64.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNIiPejXgdGM6eWs2D50GiHyDnuH_wgTJxsisPu_5zihVH4sPtGHEyyRQMkmbeL5CBMv602ubb0RapAlI9RLnMGfvSpMtN28mrL6WkBN42UqTmOgQDRa7hsT2jg2B37D0wkalTzR8b66T/s320/Twitter-fallow-me-64x64.png" /></a>
3. To remove the hyperlink and make the image unclickable, just remove the codes in blue.
4. Now the code will look like this.
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNIiPejXgdGM6eWs2D50GiHyDnuH_wgTJxsisPu_5zihVH4sPtGHEyyRQMkmbeL5CBMv602ubb0RapAlI9RLnMGfvSpMtN28mrL6WkBN42UqTmOgQDRa7hsT2jg2B37D0wkalTzR8b66T/s320/Twitter-fallow-me-64x64.png" />
And you're done.