.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Personalizar entradas antiguas y recientes

13 feb 2020
Vamos a mostrar como podemos personalizar las  entradas antiguas y recientes de nuestro blog, o bien  cambiarla por una imagen.Esto es bastante facil, simplemente cambiando un poco el código HTML de nuestra plantilla.

Para cambiar los enlaces por imágenes tendremos que realizar los siguientes pasos:

Ir a Escritorio Blogger.

En el menú seleccionamos Plantilla.

Hacemos clic en Editar HTML.

(Antes de hacer algún cambio en nuestra plantilla siempre recomiendo hacer una copia de seguridad)
Si quieres puedes ver este post donde lo explicamos paso a paso.

Para modificar el botón Entradas más recientes


Buscamos el siguiente código
<data:newerPageTitle/>


Lo sustituimos por:

<img src='URL imagen entradas más recientes'/>


Para modificar el botón Entradas antiguas

En el código buscamos:

<data:olderPageTitle/>

Lo sustituimos por:
  

<img src='URL imagen entradas antiguas'/>


Para modificar el botón Página Principal

En el código buscamos:

<data:homeMsg/>

   Lo sustituimos por:

<img src='URL imagen página principal'/>

   
Personalización de botones


Tan solo tenemos que cambiar el texto subrayado en verde por la URL de la imagen que queramos poner.


Aquí dejo un enlace donde podéis descargar muchos iconos gratis.

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos