Disable Click-to-Enlarge on Blogger Images

Hi there! As you might already know, by default Blogger make your images inside your posts as "click-to-enlarge" links. I usually put small images on my posts so I don't need such click-to-enlarge function. If you want your image to serve only as an image and not as a link, here is a simple step by step guide to do it:

1. Login to Blogger.
2. Go to Dashboard >> write new post (or edit posts).
3. Add the image using the default tool of Blogger.
4. Click "Edit HTML", near "Compose".
5. Find these codes, delete the bold part

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://somewhere-in-blogger/your-image.jpg">

<img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 75px; height: 75px;" src="http://somewhere-in-blogger/your-image.jpg" alt="" id="BLOGGER_PHOTO_ID_some-number-here" border="0">

</a>

6. Publish post, and done.

Your images will not be click-able any longer and won't serve as click-to-enlarge links. Feel free to use comment box if you have any question or comment :D

3 comments:

Anonymous said...

interesting...

Rainier Blue said...

Thank you so much! A solution that actually works. You have made my day.

Swisstoons said...

Excellent! Thank you very much. I almost deleted my blog thinking that my enlarged copyrighted cartoons...which are necessary to the blog...would be easy prey for anyone wanting to nab them. Thanks again!