miércoles, 19 de septiembre de 2018

Personalizo los enlaces Entradas antiguas, Recientes y Home


Si es que soy un caprichoso, jajaja :P Ahora quiero hacer otra modificación en el blog. Se trata de los enlaces que aparecen al llegar al final de las entradas que se muestran. Los enlaces Entradas más recientes, Entradas Antiguas y Página principal. Me gustaría añadirles una imagen para que se más fácil, más visual.

Bien, pues ya tengo las imágenes. Las acabo de crear con InkScape. Ahora voy a colocarlas justo debajo de cada enlace.

En Blogger me voy a Tema y hago clic en el botón Editar HTML.




Hago clic dentro del editor de código y pulso la combinación de teclas Ctrl + F para mostrar la caja de búsqueda arriba a la derecha, donde introduzco el texto "<data:newerPageTitle/>" y pulso Enter.

Debo encontrar los siguientes textos:

  • <data:newerPageTitle/> Este es el que muestra Entradas más recientes.
  • <data:olderPageTitle/> Este es el que muestra Entradas antiguas.
  • <data:homeMsg/> Este es el que muestra Página principal.

Entonces, justo después de esas etiquetas coloco un salto de línea con la etiqueta <br /> y seguido coloco una etiqueta <img /> con la dirección de la imagen que corresponda. Las imágenes las he metido en la página que tengo aquí mismo en el blog y que no está publicada. Me basta con hacer clic derecho en cada imagen para obtener la URL de la misma.

Y así es como queda el código. Todo lo marcado con color amarillo son las etiquetas que he añadido.



Y así es como queda ahora el blog.



No me gusta, porque las imágenes quedan muy pegadas a los textos del enlace. Así que vuelvo al código y añado otro salto de línea a cada link, con la etiqueta <br />.




¡Ahora si! Ya estoy contento :D 



No hay comentarios:

Publicar un comentario