News!! Stopping Pictures On Your Weblog From Beingness Clickable

This article is virtually how to halt people who read your spider web log from clicking on a pic in addition to seeing a full-size re-create of it.

Currently, if yous position a pic into a spider web log postal service using the Picture toolbar item, in addition to someone reading your spider web log clicks on that picture, in addition to thus the somebody sees a full-size re-create of the picture.   There is no universal setting that yous tin ship away apply to halt this happening, or fifty-fifty an tardily way to halt it for specific pictures.

But yous tin ship away halt it for each pic inward a postal service yesteryear editing the HTML that is behind the postal service in addition to removing the href business office of the pic statement.   If you're non certain what that means, read on.

Making a pic "unclickable"

1  Put the picture into your post inward the commons way.

ii  Add only about marker text immediately earlier the pic - yous volition purpose this to locate the HTML for the pic alongside all the other HTML used to brand upwardly your post.

3  Click HTML - it's a tab at the piece of occupation yesteryear corner of the Post Editor window.

4  Find the mark  text (use your browser's Find tool, eg Edit > Find inward Firefox)  

5  Then find the HTML-code for the picture which volition hold upwardly only earlier (or after) that.   

The code volition expect something similar this (some settings may hold upwardly unlike inward yours):

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUHFRTVf6amg9sVOnkj_uPgY1mHwuciRs8wO1Dx2syaRWgBBtpeQ2nW7t8pMRQ3dyUFNvexj3HsXTsbHU2WdrwzfhFFxxjyMPGkOrPlYR4qSn6U4hdXdpRkGzeVVNNr1Uf8v6oFO2FWxA/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUHFRTVf6amg9sVOnkj_uPgY1mHwuciRs8wO1Dx2syaRWgBBtpeQ2nW7t8pMRQ3dyUFNvexj3HsXTsbHU2WdrwzfhFFxxjyMPGkOrPlYR4qSn6U4hdXdpRkGzeVVNNr1Uf8v6oFO2FWxA/"
height="235" width="400" /></a></div>

That looks difficult to read.   But if yous intermission it down, it becomes something like:

<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" nether Options > Line Breaks, in addition to thus yous tin ship away add together extra new-lines, to brand the code easier to read.


6  To brand the concluding pic unable to hold upwardly clicked, yous need to remove the business office 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 desire to edit it only about to a greater extent than - for trial yesteryear adding alt-text or a championship to the pictures, or yesteryear showing your pictures inward a slideshow.

Either way, I recommend switching dorsum to Compose mode at nowadays (using the Compose push clit at the piece of occupation yesteryear correct of the editor), thus that yous don't instruct confused the side yesteryear side fourth dimension yous edit a post.

---

Related Articles:

Putting a pic into a spider web log post

Using marker-text to discovery the code for things inward your spider web log posts

Telling Google in addition to visibly-impaired people virtually the pictures inward your blog

Tools for applying copyright protection to your blog

Hosting pictures exterior of Google/Picasa

Creating a push clit that links to your blog

Tweet

Subscribe to receive free email updates: