Blogger: Mostrar imagen alterna en los links de imágenes rotos

Lo malo de tomar imágenes de otros sitios es que se corre el riesgo de que estos se borren para evitar el hotlimking que se hacve desde otros sitios. Esto importa más cuando tenemos hosting contratado y tenemos que preocuparnos en el ancho de banda.

Con esta alternativa haremos que en las imágenes cuyos enlaces estén rotos aparezca una imagen que la sustituya, en mi caso la imagen que aparece en los enlaces rotos es la que acompaña este post.

Para aplicar este truco nos vamos a:

Escritorio > Diseño > Edición de HTML y antes de </head> el siguiente código:

<script type='text/javascript'>
//<![CDATA[
// Script para sustituir imágenes rotas
function ImagenOk(img) {
if (!img.complete) return false;
if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) return false;
return true;
}
function RevisarImagenesRotas() {
var replacementImg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8UhIhwXYCPGx37xJ2YjRjd18tn2mQLdm5mIgeAtkCVW7GUy6XQVmx3cpMjp1_R5PBcWb2SlSr1srjZA32pQlxNOtjm2QG9YcVQcwJUXyqrv6JOIN92IVbKIV7a14Nykhc7IjRxmPrqnmv/s288/imagenf_reyqui.jpg";
for (var i = 0; i < document.images.length; i++) {
if (!ImagenOk(document.images[i])) {
document.images[i].src = replacementImg;
}}}
window.onload=RevisarImagenesRotas;
// ]]>
</script>

Guarda los cambios y ya estará en funcionamiento.

Si quieres puedes personalizar la imagen que quieres diseñando tu propia imagen y reemplazando la URL en rojo.