Iconos de Navegacion Blogger

O bien el titulo deberia ser, ¿Como cambiar las palabras "Entradas antiguas" por una imagen?, o quizas, ¿como hacerlo por una palabra mas bonita?, pues bien basandome en el truco de Hoctro, lo he conseguido...



<b:includable id='nextprev'>   

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

  <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 + "_blog-pager-newer-link"'    expr:title='data:newerPageTitle'><data:newerPageTitle/></a>   

  </span>   

  </b:if>   

 

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

 

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

  </div>   

  <div class='clear'/>   

  </b:includable>

Y si lo que quieres es cambiarlo por una imagen reemplaza el codigo por este:

<b:includable id='nextprev'>    
  <div id='blog-pager'>    
  <b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl'    expr:title='data:newerPageTitle' id='blog-pager-newer-link'>    
  <img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif'/></a>    
  </b:if>    
  
  <b:if cond='data:olderPageUrl'>    
  <a expr:href='data:olderPageUrl'    expr:title='data:olderPageTitle' id='blog-pager-older-link'>    
  <img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif'/></a>    
  </b:if>    
  <a class='home-link' expr:href='data:blog.homepageUrl'>    
  <img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif'/></a>    
  </div>    
  <div class='clear'/>    
  </b:includable>

Guardamos cambios y nos deberia quedar asi:

Tambien podemos cambiar las imagenes recordando siempre que las imagenes deben ir en este orden: 1 Izquierda 2 Derecha 3 Inicio(Central)



Ahora si queremos cambiarlo por palabras diferentes reemplazamos el codigo por este:

<b:includable id='nextprev'>      
    <div id='blog-pager'>      
    <b:if cond='data:newerPageUrl'>      
    <a expr:href='data:newerPageUrl'      expr:title='data:newerPageTitle' id='blog-pager-newer-link'>Hacia las mas recientes</a>      
    </b:if>      
    
    <b:if cond='data:olderPageUrl'>      
    <a expr:href='data:olderPageUrl'      expr:title='data:olderPageTitle' id='blog-pager-older-link'>Hacia las mas antiguas</a>      
    </b:if>      
    <a class='home-link' expr:href='data:blog.homepageUrl'>Pagina de Inicio</a>      
    </div>      
    <div class='clear'/>      
    </b:includable>

Yo por mi parte he decido personalizar mis iconos de navegacion... como pueden observar al final de la pagina. Que disfruten...