How To Remove Link on Photos Uploaded to Blogger

Thursday, May 13, 2010

How to disable linking on photos uploaded on Blogspot?
How to unlink the pictures on Blogspot?

Everytime when you upload a picture onto your blog post, the picture will be automatically linked to its original sized picture.

If you want to disable/remove the auto-linking, here's how.


Here's one picture freshly uploaded onto this blog post. As you can see, whenever you mouse-over the picture, the cursor will change to a pointer style and it's clickable.

To remove the link, you have to dig into the code of the photo.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_h8eC61avCMk/SlYZCOEdQ-I/AAAAAAAABCU/v0M-TPWHbVk/s1600-h/honey.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 300px; height: 400px;" src="http://2.bp.blogspot.com/_h8eC61avCMk/SlYZCOEdQ-I/AAAAAAAABCU/v0M-TPWHbVk/s400/honey.jpg" alt="" id="BLOGGER_PHOTO_ID_5466089975697168450" border="0" /></a>

As you can see from the code above, you should remove the code highlighted in orange to remove the link.

Therefore, this would be the remaining code.

<img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 300px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKum0e-wONJGqaYM7vzMgUhfNrH-LVqOC-z0dDoDzchFH7iUOXcuJTiIqSQUBZjS1PRdfAT3hsfYBCdlIPpVSrxCrdgQ1VcD0DuSlLW0tRYeNcSsKdY4A47BKg9Y3Rf8FnuI-S338QLv2/s400/honey.jpg" alt="" id="BLOGGER_PHOTO_ID_5466089975697168450" border="0" />

However, if you want to remove the pointer cursor as well, you should remove the "cursor" part from the remaining code.

And this would be the final picture.


Now the picture is not linked, not clickable and the cursor doesn't change to a pointer whenever you mouse-over it.

That's it!