 |
| Image via CrunchBase |
En Blogger podemos ver al pie de las entradas unos links de navegación "Entradas más recientes", "Página principal" y "Entradas antiguas", para que el visitante tengas más facilidad de navegar en tu Blog, pero para que se vean de una forma diferente podemos personalizarlos poniendo un icono para cada link.
Primero nos vamos a Diseño > Edición de HTML > Expandimos los Artilugios y buscamos los siguientes códigos de cada link de navegación:
Entradas antiguas
<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>
Página principal
<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>
Entradas más recientes
<b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl + "?max-results" ' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if>
Ya encontrado los códigos para cada navegación, lo que está en negrita tenemos que remplazarlo por el siguiente código:
<img src='URL de la Imagen'/>
Solamente tenemos que cambiar donde dice Url de la imagen por tu imagen que quieres colocar. Donde podrás encontrar iconos my buenos para la navegación serian en Find Icons o Icon Finder.
Artículo por V-Junker
