Sunday, September 20, 2009

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=""><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="" 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.

how to make posted picture unclickable


  1. Nice blog it is maintained good and also have good post about Search Engine Optimization and Internet Marketing.

  2. I thought there would be a check box function or something to take care of that but haven't used blogspot too much...

    ~ Cole
    Insurance Marketing

  3. but i CAN click both of the images...


    doesn't really hide the file well or at all really...

  5. It might be unclickable But try dragging it sharply to the right you will see that you will have the picture as though it was clickable.