Currently, if yous seat a pic into a spider spider web log post service using the Picture toolbar item, inwards add-on to somebody reading your spider spider web log clicks on that picture, inwards add-on to so the somebody sees a full-size re-create of the picture. There is no universal setting that yous order the sack send away apply to halt this happening, or fifty-fifty an slowly way to halt it for specific pictures.
But yous order the sack send away halt it for each pic inward a post service past times editing the HTML that is behind the post service inwards add-on to removing the href business organisation role of the pic statement. If you're not sure enough what that means, read on.
Making a pic "unclickable"
1 Put the picture into your post inward the park way.ii Add exclusively virtually marker text immediately before the pic - yous testament role this to locate the HTML for the pic amongst all the other HTML used to build upwardly your post.
3 Click HTML - it's a tab at the slice of delineate of piece of employment past times corner of the Post Editor window.
4 Find the grade text (use your browser's Find tool, eg Edit > Find inward Firefox)
5 Then find the HTML-code for the picture which testament concur upwardly exclusively before (or after) that.
The code testament await something similar this (some settings may concur upwardly dissimilar inward yours):
<div class="separator" style="clear: both; text-align: center;">That looks hard to read. But if yous pause it down, it becomes something like:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKvmu3OUjEAo_RCpP1gBfxrSh78yGZ83_OK0RdRQDdtR7lc2R0exfcbl2NTh5K8Dz6O89bC_K7w1hbM8242yeZd3iB3Di8nxqtV9cO14IO_ZOXXcDavs_KuK2YhwKNwSg0pcFO2tYY48p/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKvmu3OUjEAo_RCpP1gBfxrSh78yGZ83_OK0RdRQDdtR7lc2R0exfcbl2NTh5K8Dz6O89bC_K7w1hbM8242yeZd3iB3Di8nxqtV9cO14IO_ZOXXcDavs_KuK2YhwKNwSg0pcFO2tYY48p/"
height="235" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a
href="THE URL THAT THE USER IS TAKEN TO IF THEY CLICK ON THE PICTURE"
imageanchor="1" style="margin-left: 1em; margin-right: 1em;"
>
<img
border="0"
src="THE URL WHERE THE SOURCE PICTURE IS READ FROM"
height="235" width="400"
/>
</a></div>
Note: provided you've selected "Use <br /> tags" under Options > Line Breaks, inwards add-on to so yous order the sack send away add together together extra new-lines, to build the code easier to read.
6 To build the in conclusion pic unable to concur upwardly clicked, yous require to remove the business organisation role of the HTML code that says:
href="THE URL THAT THE USER IS TAKEN TO IF THEY CLICK ON THE PICTURE"
So that the eventual code for the pic looks like:
<a
imageanchor="1" style="margin-left: 1em; margin-right: 1em;"
>
<img
border="0"
src="THE URL WHERE THE SOURCE PICTURE IS READ FROM"
height="235" width="400"
/>
</a>
Job Done!
At this point, yous mightiness Publish your post, or yous mightiness wishing to edit it exclusively virtually to a greater extent than - for lawsuit past times adding alt-text or a entitle to the pictures, or past times showing your pictures inward a slideshow.
Either way, I recommend switching back to Compose mode at present (using the Compose force button at the slice of delineate of piece of employment past times right of the editor), so that yous don't learn confused the side past times side 4th dimension yous edit a post.
Related Articles:
Putting a pic into a spider spider web log postUsing marker-text to regain the code for things inward your spider spider web log posts
Telling Google inwards add-on to visibly-impaired people virtually the pictures inward your blog
Tools for applying copyright protection to your blog
Hosting pictures outside of Google/Picasa
Creating a force button that links to your blog