Make Image Not Clickable in Blogger Template

By default, images uploaded in Blogger are clickable. When people visit your blog, they can click on your image, to open the image in original size. This feature is both unnecessarily and confusing to your visitor.

We do not want to lose traffic directed to our site. In worst case scenario, this redundant feature might drive traffic away from your blog. Here I will show you how to edit the image link amd make the image unclickable to the view of your site visitor.

1. After you upload a image, click HTML. The code consists 3 parts:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaZ7H5g33MfrSEIvYAwbpgzIJ_ORuTLsCCWZfA9bRVI2DIQQR2acCtUyglMVc0926qaieEhHyNMBucxMvc7TceILHLSOE5MpzclRZpVG4pFb5NmSPyq77P2GoiXCFs1fsYDukXHKK3RUA/s1600/Edit+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaZ7H5g33MfrSEIvYAwbpgzIJ_ORuTLsCCWZfA9bRVI2DIQQR2acCtUyglMVc0926qaieEhHyNMBucxMvc7TceILHLSOE5MpzclRZpVG4pFb5NmSPyq77P2GoiXCFs1fsYDukXHKK3RUA/s1600/Edit+html.png" /></a></div>

div: Alignment of image.

a href: URL link of image.

src: Source of image.

2. Delete red code. You need to repeat this steps for every single image uploaded to your blog.