Casi a ninguno de nosotros nos agrada la forma en que
aparece en nuestro blog los enlaces de navegación o links (entradas recientes-
página principal- entradas antiguas) al
final de todas las entradas e incluso en la portada del mismo. Si bien este es
un formato de enlace que viene por defecto en casi todos las plantillas de
Blogger, eso no quiere decir que nosotros no podamos darle otra forma, o bien
sustituir dichos enlaces por una imagen. Personalizar esta parte es sencillo, solo entra en Diseño, Edición Html,
y con los artilugios expandidos, busca esta parte del código en tu plantilla:
Para entradas
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>
<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>
Para entradas
anteriores:
<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>
<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>
Para página principal o inicio:
<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>
<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>
Cambia lo que está resaltado en celeste por la palabra que
quieras poner como enlace, o bien pon una imagen allí, de modo que quede así:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='la url de tu imagen'></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='la url de tu imagen'></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
Aquí te dejo unas imágenes para que pongas por si te
interesan:
O súbelas a tu propio hosting para que tenga tu enlace propio.
Cambiaré los enlaces por otras palabras, mas o menos como las que tienes tu aquí. Buena entrada, gracias por hacernos las cosas más sencillas.
ResponderEliminarSe feliz a toda costa: Puedes poner las palabras que gustes como enlaces. Que bueno que te haya servido. Gracias a ti por tu visita y por comentar.
EliminarJames, se puede poner botones en lugar de palabras? Como los botones de este comentario donde pone Publicar; Vista Previa?
ResponderEliminarJohn Carnaval, por supuesto que sí, sólo copia la url de la imagen que quieras, en este caso el botón que dices, y pégalo en el lugar que indico en la entrada, suerte :)
Eliminar