Hola mis queridos lectores! Otra vez les traigo un pequeño tutorial para hacer que tu blog se vea aún más lindo y profesional. Ya saben que me encanta moverle al código de mi plantilla y andar aprendiendo de HTML, así que si hay algo que te gustaría hacerle a tu blog y no sabes como, déjame saber en los comentarios y con gusto te ayudo.
Ahora, antes que nada les tengo que advertir que estoy escribiendo esta entrada en el celular ya que sigo de viaje y no me traje mi laptop, así que aguántenme tantito con algunos horrores ortográficos y las imágenes medio feitas, les prometo que regresando a mi casa las arreglo ;)
Hace unas semanas les compartí cómo poner botones dentro de una entrada, así que hoy les enseñaré como hacer que se vea un texto o imagen en tu página de inicio (o Home, depende de tu idioma) pero que no se vea cuando ya estás en la página de la entrada. Quedaría algo así:
Le puedes dar varios usos, por ejemplo para mostrar un resumen de la entrada, o tal vez poner un banner tipo "Wrap Up" y que se vea en la página de inicio pero ya estando dentro de la entrada que no se vea. Personalmente lo uso para mis reseñas, ya que las primeras líneas que escribo son los datos generales del libro y esto no te dice nada de la reseña en sí.
Es super sencillo y rápido de hacer. Lo primero es irnos al código HTML de la plantilla y buscar ]]></b:skin>, ya una vez que lo tienes ubicado, justamente abajo de esto le vamos a pegar el siguiente código:
<b:if cond='data:blog.pageType != "index"'>
<style>.esconder{display: none;}</style>
</b:if>
Le damos guardar y nos vamos a crear una entrada. Yo recomiendo agregar el texto escondido hasta después de escribir tu entrada, para que puedas hacer un resumen de lo que escribiste o simplemente pegar y copiar parte de tu entrada (como lo hice yo en esta). Así que ahora que ya tienes tu entrada completa, le das clic en HTML y en la primera línea agregas este código:
<div class="esconder"> texto que quieres que se muestre en la página de inicio </div>
Cambias lo que viene en morado por el texto y listo! Ahora, si nos regresamos a Compose (no sé como venga en español, pero es el botón alado de HTML) vas a ver el texto que debería estar escondido pero no te preocupes, si vas a la vista previa verás que no se verá una vez publicada.
Espero les sirva el tutorial y les prometo que a finales de Febrero ya regresamos con reseñas y más entradas literarias.