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.

Categorías: Trucos Blogger

15 comentarios

Anonymous · agosto 17, 2011 a las 10:40 pm

:))

Anonymous · septiembre 8, 2011 a las 11:38 pm

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

Anonymous · febrero 29, 2012 a las 11:32 pm

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

    Juvinao · marzo 1, 2012 a las 4:35 pm

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

J I C · noviembre 12, 2012 a las 1:30 am

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

Juan David Romero · noviembre 30, 2012 a las 5:55 pm

Tienes las URL de las imagenes de arriba para agregarlas?

saludos

    Hayder Juvinao · diciembre 3, 2012 a las 1:17 am

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

Anonymous · septiembre 5, 2013 a las 4:46 pm

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

    Hayder Juvinao · septiembre 7, 2013 a las 10:29 pm

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

    Saludos

Anonymous · septiembre 5, 2013 a las 4:47 pm

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

Pedro · noviembre 1, 2013 a las 4:12 am

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

Pedro · noviembre 14, 2013 a las 12:11 am

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 🙁

    Hayder Juvinao · noviembre 22, 2013 a las 9:43 pm

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

Marcador de posición del avatar

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