Howto make posted image unclickable

If you upload an image or picture to your blog especially Blogspot, the image uploaded will be clickable which means that visitors will be able to click the picture to enlarge it or find out the image url. Many people do not know that their picture can be hacked in order to be unclickable, this is a useful hack for people who want their image not to be clickable for certain reasons.


To do that, all you need to do is just remove the ‘href’ on the HTML code of the image or photo. Edit your post in HTML mode. There will be a bunch of code when you upload a photo to your post (like this below):

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGm6yJgaw4uv2arRPnz3P65fGpRd2RNzcyf4i8eRpup_DI78suiTpWf6mFE_KKTZc4_OcXKoMx2RujnGrQDzmjMC0OjfkhvPxEAH6-WCs2FydvoG6lJ6l6ZPVh4WF7F2v_gKnwYosqs85z/s1600/how+to+make+image+unclickable.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGm6yJgaw4uv2arRPnz3P65fGpRd2RNzcyf4i8eRpup_DI78suiTpWf6mFE_KKTZc4_OcXKoMx2RujnGrQDzmjMC0OjfkhvPxEAH6-WCs2FydvoG6lJ6l6ZPVh4WF7F2v_gKnwYosqs85z/s400/how+to+make+image+unclickable.JPG" alt="how to make posted image unclickable" id="BLOGGER_PHOTO_ID_5473398167095078274" border="0" /></a>

Delete the parts in bold and keep the rest. After that you can republish the post and see the result. You can first backup the whole code just in case if you delete the wrong codes so that you can paste the whole original codes and repeat the steps.

In short, you just simply need to delete <a href...> & </a>, and leave the <img id...>

Below, I include two pictures as an example. The first pic is an image which is clickable and the other image below is a picture that can not be clicked.