Cambiar el texto 'Entradas antiguas' por iconos

¿Quieres desacerté del texto "Entradas antiguas" o "Pagina principal" que aparecen a pie de las entradas?
Es muy fácil, a continuación os lo intentaré explicar de la forma más sencilla de modificar el texto por unos iconos que darán un aire más especial a tu blog.

  1. Nos dirijimos a Diseño > Edición de HTML y Expandir plantillas de artilugios
Busca el siguiente código:
<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>

Este código correponde a los enlaces que queremos reemplazar por los iconos.
<data:newerPageTitle/> – Corresponde al texto “Entrada más reciente”
<data:olderPageTitle/> – “Entradas antiguas”
<data:homeMsg/> – “Página principal”

Y ahora reemplazamos todo el código anterior por el siguiente:      
<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'> 
<img alt='data:newerPageTitle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HqlfuI93589j_C62ns77VCCoLnCzDL4hyiSwy-hTGcA9XC8hUjVLIIbJHCNXCZW2ADNxFsQbB7iPzMl_xNV4-I3zecHtjCk4SmOWYBO-uxyryaEBhMuNlzBDn9Kjgz0sB8XQByz6Tm4/s1600/botong_atras.gif' /></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'> 
<img alt='data:olderPageTitle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6le_S15pfHk-lgvo-t6cfuEQyBMD4-9Z20jNUL-GG0ppWQlQRyoXxWZzJeDCoCIFfv3cAX8QIK1kambWMsyyrEwD6II6yo9f7GOSiJpoC5F7DhE-SitAs4voZ_ytjXkYwV3_Iyfr_3bg/s1600/botong_adelante.gif'/> </a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img alt='data:homeMsg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwGgagEHcyrR_5VMTK1BJL-wveQ4VqbHaOuw2yNxG9rPOeSIs0-3oQgxBZkmD_cW2CvPUP_K_pv7Yn4FckO4oNWWXj-fM9m_l8f-Kub9oaSC2lxj5LIJ_s5pP3ZXqE3SjIkZZCP5_Hq48/s1600/botong_home.gif'/> </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>

  • Y por último le damos clic a VISTA PREVIA y si nos gusta como queda, clic en GUARDAR PLANTILLA.
 No olvides, comentar es agradecer!

3 comentarios:

  1. Lo he probado en este blog, como podéis observar y funciona perfectamente. Cualquier dudas o agradecimientos comentar :)

    ResponderEliminar
  2. Creo que en mi blog no funcionan ese tipo de códigos,es la plantilla soho de blogger.
    Al intentar buscar en la parte de diseño-Html no me remarca ningunas palabras y no puedo cambiar nada
    El blog es este
    https://lasfloresdeninuk.blogspot.com/

    ResponderEliminar