Cómo cambiar "entradas antiguas, entradas recientes e inicio" por imágenes


Para sustituir los links "entradas antiguas, entradas recientes e inicio" por las imágenes que queramos debemos seguir los siguientes pasos:

1) Vamos a Diseño
2) Edición HTML
3) Marcamos la casilla "expandir artilugios"



ENTRADAS RECIENTES
4) Buscamos la siguiente parte del código: data:newerPageUrl (para buscar más rápido tecleamos Ctrl + F)
5) Una vez localizado nos aparecerá algo así:


<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>


Tan sólo debemos cambiar <data:newerPageTitle/> por <img src='URL de la imagen'/>

En <img src='URL de la imagen'/> deberemos cambiarlo por el link de la imagen que queramos. Recomiendo subir tus imágenes en un servidor gratuito como imageshack.



ENTRADAS ANTIGUAS
Un poco más abajo encontraremos lo siguiente:


<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>



Al igual que en entradas recientes tan sólo debemos cambiar <data:olderPageTitle/> por <img src='URL de la imagen'/>



INICIO
Por último, para sustituir el inicio de página principal deberemos buscar más abajo la siguiente parte de código:


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>



Al igual que en entradas recientes y entradas antiguas tan sólo debemos cambiar <data:homeMsg/> por <img src='URL de la imagen'/>

17 comentarios:

  1. HOLA , MUY BUENO TU BLOG , INTENTE HACERLO MUCHAS VECES COMO VS PONES AHI BIEN CLARITO , PERO LA VERDAD NO ME QUEDA
    NO HAY OTRA MANERA DE HACERLO? SALU2

    ResponderEliminar
  2. Hola Tamara. Fijate bien en donde sustituyes la URL de la imagen. Puede haber confusion en esos pasos.

    Desconozco si hay otras formas de hacerlo. Si me entero de algo sin duda lo explicare aqui.

    Un saludo y mil gracias por tu comentario.

    ResponderEliminar
  3. hola , muchas gracias , intentare hacerlo de nuevo .

    ResponderEliminar
  4. hola muy bueno tu blog hace tiempos borre lo de entradas antiguas, recientes etc y lo quiero poner nuevamente, quisiera saber donde debo pegar los codigos que se muestran en esta entrada

    ResponderEliminar
  5. Hola Sebastián. Gracias por tu visita y por tu comentario. Debe ir después de esta parte del código: <div class='blog-pager' id='blog-pager'>

    Si no te funciona (depende de tu plantilla) no dudes en volver a contactar conmigo.

    Te recomiendo que cuando elimines partes importantes de tu blog, realices copias de tu plantilla para siempre tenerlas a mano para un futuro.

    Un saludo.

    ResponderEliminar
  6. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  7. Hola Angeles. Se que no lo has hecho a mala intencion. Te he mandado un correo a la direccion de tu web explicando los motivos por los que he moderado los comentarios. Espero que lo entiendas. Un saludo y perdona las molestias ocasionadas.

    ResponderEliminar
  8. Buenas noches. He cambiado mi plantilla recientemente y al presionar "Entradas antiguas" sólo me muestra los títulos de las entradas y quisiera que aparezcan las entradas completas como antes. De antemano gracias y una disculpa por salirme un poco del tema.

    ResponderEliminar
  9. quisiera preguntar algo si no es mucha molestia quisiera saber por que cuando preciono "Entradas antiguas" en mi plantilla blogger cuando me lleva a las entradas antiguas las imagenes no se ven como las de la pagina principal, me explico..
    la pagina principal de mi plantilla todas las imagenes son del mismo tamaño, pero cuando le doy a entradas antiguas se ven las mismas entradas de la pagina principal pero las imagenes grandisimas osea el tamaño original de la imagen, yo quisiera saber si hay forma de que todas las imagenes tengan el mismo tamaño..
    este es mi blog porfavor visitalo si me puedes ayudar te lo agradeceria mucho
    www.altamiramusic-ve.blogspot.com

    ResponderEliminar
  10. Hola, muy buenas.
    tengo una duda que posiblemente ya la allan comentado, no lo se.
    yo deseo eliminar esto de entradas antiguas, que al abrir el blog se muestren todas y cada una de las entradas montadas al blog desde su inicio.
    e modificado fechas, e seleccionado una opcion que menciona: mostrar:500 entradas y otra 500 dias. y nada.
    si alguien me puede ayudar se lo agradecere.

    ResponderEliminar
  11. gracias me resulto como dices

    Saludos

    ResponderEliminar
  12. Wow excelente, fue lo mas facil que encontre en la web, con menos pasos y muy bien explicado!

    Me funciono perfecto y quedo justo como queria. Graciasss!!! ^^

    ResponderEliminar
  13. gracias amigo, me funciono perfecto...!! sigue adelante mira kmo kedo mi blog: http://downtofire.blogspot.com/

    ResponderEliminar
  14. Hola me gustaria cambiar el nombre de entradas antiguas, entradas recientes e inicio por otros nombre que no sea el que trae por defaull...

    si se entendio espero que me ayudes con esto

    Muchas gracias de ante mano y saludos

    ResponderEliminar
  15. me podrian ayudar a como hacer k cuando deslizo el mause por las entradas antiguas osea foto se mueve como esta pagina http://www.unrealmat.com/ me pueden ayudar ?

    ResponderEliminar
  16. a mi simplemente me aparece así


    .blog-pager-older-link, .home-link,
    .blog-pager-newer-link {
    background-color: $(content.background.color);
    padding: 5px;

    qué puedo hacer en ese caso??

    ResponderEliminar