Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Tachar texto en las entradas con imágenes

Utilizando etiquetas HTML en el cuerpo de las entradas de nuestro blog podemos conseguir muchas cosas. De entre todas, hay una que me gusta mucho ya que permite tachar cualquier frase o palabra. Utilizamos pues la etiqueta <strike> al principio de la palabra y el cierre </strike> al final.

Pero a mi me gustaría darte a conocer una nueva forma de tachar texto. En lugar de utilizar una simple línea, haremos uso de imágenes, tal y como puedes ver a continuación:

tachar texto html, tachar texto blogger, trucos ayuda blogger, blog blogger

El truco es muy sencillo y fácil de utilizar.

Diseño>Edición de HTML>expandimos artilugios



Busca la etiqueta ]]></b:skin> y justo encima añade esta línea de CSS:

blth {text-decoration:none; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sFgPwXDsVZCjr5CY8FWmWi6yMrUjUPZTaZeGZcTqUsAYlDbyFb9K3kHbIgFSrnivCoZJy-vBhYVWy4nsVqU_WzEOysd-N2Bfdvq7t0Gbmvhiki2RAZcTN_-ubOCUV14A7IjtsuMsowA/) repeat-x left 55%}

Guarda la plantilla y accede a una entrada cualquiera.

Utiliza las etiquetas <blth> y </blth> para encerrar la palabra (frase o párrafo) a tachar, tal y como te muestro a continuación:

En esta frase me gustaría tachar <blth>esto</blth> con imagen.

Por defecto, la línea aparecerá en color azul. Si lo deseas, puedes hacer uso de otros modelos:









Tan solo debes reemplazar la línea resaltada en color grisáceo por la URL de la nueva imagen escogida [+].

Nota:
Para no tener que estar copiando las etiquetas cada vez que desees tachar algo, haz uso de la plantilla de entrada ofrecida por blogger.

Imaginario dice...

Muchas gracias !!!

Me viene de perlas. En mi blog tengo una sección de frases célebres y de estulticias celebres. Todos leemos demasiado rápido y a veces confundían una "buena frase" con una "mala frase".

Ahora, tachando la "mala frase" queda clarisimo.

Jaime Trujillo Escobedo dice...

Cuánto me satisface ver que te es de utilidad mi entrada. Se trata de un truco muy simple y que no suele tener demasiado uso pero estoy seguro de que en tu caso resulta ideal.

Anónimo dice...

Estupenda idea la de ese tachado personalizado. :D
Una anotación: en las versiones de XHTML se recomienda «del» en lugar de «s» y «strike».

Un saludo.

Jaime Trujillo Escobedo dice...

Me alegra mucho que te guste Dayer. Gracias por el aporte.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo