Mil Trucos Blogger

Como poner imagenes en vez de “Entradas recientes” y “Entradas antiguas”

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

En Blogger vienen por defecto los links de  “Entradas recientes” y “Entradas antiguas” para ir buscando entrada por entrada en el blog,el truco que traigo hoy es para cambiar estos links de navegacion por imagenes que le daran al blog un aspecto mas atractivo.

Las imagenes que utilizo en mi blog son las siguientes:


Pasos

Vamos a Diseño,Edicion HTML,Expandir plantillas de artilugio y buscas el siguiente codigo:

<div class='blog-pager' id='blog-pager'>

Debajo de el hallaran un código similar al siguiente:

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

Remplazan  <data:newerPageTitle/>  por <img src=’URL de tu imagen‘/>

*Esto es para reemplazar el link Entradas Recientes.

*Para cambiar el link Entradas antiguas  debajo de el código anterior encontraras 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

Remplazan  <data:olderPageTitle/>  por <img src=’URL de tu imagen‘/>

*Para cambiar el link Pagina Principal  debajo de el codigo anterior encontraras lo siguiente:

   <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>

Remplazan  <data:homeMsg/>  por <img src=’URL de tu imagen‘/>.

En  donde dice  <img src=’URL de tu imagen‘/> reempalza URL de tu imagen por el link de tu imagen y listo.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

15 Comentarios

  1. Anonymous Anonymous
    agosto 17, 2011    

    :))

  2. Anonymous Anonymous
    septiembre 8, 2011    

    Hola te hago una consulta: como se pueden eliminar for ever lo de “entradas recientes, antiguas y principal”? ~x(

  3. Anonymous Anonymous
    febrero 29, 2012    

    muy bueno amigo tengo un blog tambien ……. me gusto este post!!!!!

    • marzo 1, 2012    

      Anónimo me agrada que te gustara el blog,gracias por comentar.

  4. noviembre 12, 2012    

    Me agrada por que no es muy llamativo ni discreto, se encuentra en medio de ambos.
    Se agradece por compartilo.

  5. noviembre 30, 2012    

    Tienes las URL de las imagenes de arriba para agregarlas?

    saludos

    • diciembre 3, 2012    

      Juan David las tengo pero no me acuerdo donde, cuando las encuentre te las paso 😉

  6. Anonymous Anonymous
    septiembre 5, 2013    

    Agradeciendo lo aprendido, muy útil, me costó mucho trabajito poruqe mi Blog tiene los códigos dobles pero lo logré gracias.

    • septiembre 7, 2013    

      Amigo gracias por comentar, que bueno que lo hayas logrado 😉

      Saludos

  7. Anonymous Anonymous
    septiembre 5, 2013    

    El Multi efecto hover no lo he logrado sino en mi Editor hay algo que no me funciona pero insistiré me agrada mucho.

  8. Pedro Pedro
    noviembre 1, 2013    

    Oye men una pregunta.. parece que cambiaron el codigo de html en alguna actualizacion de blogger este año… porque a mi me aparece esto:

    expr:title=’data:newerPageTitle’>

    en vez de esa linea me aparece esto:

    expr:title=’data:newerPageTitle’>&lsaquo;

    ayudame como hago para poner las imagenes en vez de ese texto… he intentado pero nada :/

  9. Pedro Pedro
    noviembre 14, 2013    

    eyy necesito ayuda, si alguien pudiera echarme una mano…
    parece que cambiaron el codigo de html en alguna actualizacion de blogger este año… porque a mi me aparece esto:

    expr:title=’data:newerPageTitle’>

    en vez de esa linea me aparece esto:

    expr:title=’data:newerPageTitle’>‹

    ayuda , urgente 🙁

    • noviembre 22, 2013    

      Amigo tal vez si sea como dices, prueba con ese código que te aparece, no todas las plantillas poseen las mismas condicionales.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo