Friday, May 14, 2010

How To Remove Link on Photos Uploaded to Blogger

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.

honey jar
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/AVvXsEhnVrqdk13Vpvi-fgPXo_3EPQ3D68V5TDVl73mLReAQWgwQ_M4MChjrVdVKL9PQcRu1_fR7CIHQRJ50l20HraHVl3SiTDSt8-29uMNIKEegFRJdvzKuTkpk87Un8SeSqMCI5mHRtr24KkqW/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.

honey jar
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!

10 comments:

Anonymous said...

Thank you very much for the valuable tip :) In fact, I was in need of this !!

Unknown said...

I'm left with a litte harder question, and I hope you can help me (I already searched, but found no answer):

Do you know a permanent way to disable this automatic link generation with images?

Simple Blogger Tips said...

@Stephan ten Kate:
I think it's impossible to permanently disable the image auto-linking since it's generated by default. I always do it manually.

Evelyn Namara said...

This was super helpful for me, you have no idea. Thank you so much.GBU

GB said...

Where can I find this code? I've searched for it at my messages and in the general html-code, but i can't find it. I hope you can help me with this.

Simple Blogger Tips said...

@GB:
It's on your post editor.

Rochelle Burrows said...

Thanks so much! I was wondering how to do this. Great blow!

Hotnigerianews said...

How do i remove some written text on an image? I

Simple Blogger Tips said...

@Hotnigerianews:
To remove written text on an image, I guess you have to crop or Photoshop it away.

J4nu said...

Thanks..thats what i'm looking for..

Related Posts Plugin for WordPress, Blogger...
Follow Me on Twitter