-->
Eliminar los enlaces en las imágenes de las entradas en Blogger

Eliminar los enlaces en las imágenes de las entradas en Blogger

Los enlaces en las imágenes de las entradas son muy útiles ya que permiten al usuario observar en una pestaña de su navegador dicha imagen sin ser escalada. Esta función para otros es un tanto molesta (Me incluyo) ya que generalmente al incluir imágenes pequeñas no hay necesidad de hipervincularlas.



En esta oportunidad veremos una forma de hacer que las imágenes de nuestras entradas pierdan el enlace automáticamente mediante jQuery y así evitarnos de eliminar enlace por enlace cada vez que publiquemos una imagen.

El tutorial:

Primeramente advierto que si usas un pié de página en las entradas dentro del "post-body" podrías tener problemas con los marcadores sociales.

En "Diseño | Edición HTML" deberás marcar la opción "Expandir plantillas de artilugios". Posteriormente buscas el siguiente código:
</head>
Inmediatamente arriba de él pegas el siguiente:
<script type='text/javascript'>
$(document).ready( function () {
$(".post-body a:has(img)").each(function() { $(this).replaceWith($(this).children()); })
});
</script>

Previsualiza los cambios, y si efectivamente al terminar de cargar la página los enlaces ya no son apreciables, puedes guardar la plantilla.

Importante: Recuerda que si tienes marcadores sociales éstos no funcionarán, para solucionarlo es necesario alojar dicho contenedor y transladarlo a una ubicación ajena al "post-body".
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
¡Hemos actualizado el diseño del blog! # - ¡Hemos actualizado el diseño del blog!
Conociendo CSS3 - Animaciones # - Conociendo CSS3 - Animaciones
Añadir CSS a los enlaces según tipo de archivo # - Añadir CSS a los enlaces según tipo de archivo
Transparencias con CSS en Blogger # - Transparencias con CSS en Blogger
Thumbs Up and Down en Comentarios de Blogger # - Thumbs Up and Down en Comentarios de Blogger