Cargando...
Meta microcosmos: Ir arriba desde el pie de las entradas
BIENVENIDO AL META!!!

Espero que algo de lo que encuentres en tu visita te sirva para mejorar y personalizar tu blog.
Para encontrar más trucos prueba con las pestañas situadas justo encima de estas líneas, usa el buscador de trucos que hay a la derecha o navega por las categorías que encontrarás en la sidebar bajo el título "Aquí encontrarás".
Si tienes cualquier duda, puedes preguntarme sobre lo que desees en un comentario e intentaré ayudarte lo antes posible.
Y si algo te ha sido útil, déjame igualmente un comentario y me encantará ver el truco implementado en tu blog!

Ir arriba desde el pie de las entradas

¿Habeis visto el muñeco de nieve que hay en el pie de las entradas a la derecha? Pues si clicais sobre él os lleva al principio del blog sin tener que usar la barra de scroll! ¿Será la magia de la Navidad?

En realidad es la magia de la Gran Rosa, y además muy fácil, así que vamos a poner un pequeño icono en pie de las entradas que nos lleve al inicio del blog en un periquete.

El código que tenemos que añadir es éste:
<!--Ir arriba -->
<a href='#' title='VOLVER ARRIBA'><img align='right' src='URL_de_tu_imagen'/></a>

En el código tenemos que poner en el sitio indicado la URL del icono que más nos guste; también podemos variar el title (lo que aparecerá en un pequeño cartel al poner el cursor sobre el icono) e incluso cambiar el icono por una paqueña leyenda, sustituyendo <img align='right' src='URL_de_tu_imagen'/> por el texto que queramos mostrar.

Ahora vamos a Plantilla/Edición de HTML y expandimos artilugios. Dónde colocar el icono depende de los gustos de cada uno y cómo tenga configurado el pie de las entradas, pero Rosa apunta tres posibilidades:

1.- Justo encima de la siguiente línea:
<!-- quickedit pencil -->

2.- Justo encima de la siguiente línea:
<p class='post-footer-line post-footer-line-3'/>

3.- Donde lo he colocado yo, justo después de la siguiente línea:
<div class='post-footer'>

Podeis ir probando con la Vista Previa y cambiándolo de lugar para comparar los resultados; cuando quede a vuestro gusto guardais cambios y listo!

Huelga decir que las instrucciones pueden usarse para poner cualquier icono que sea discretito; los que mejor quedarían a mi modo de ver son flechas hacia arriba o casitas.
Aunque mi icono es bastante grande, os lo pongo por si quereis probarlo, y de propina otro navideño que también creo que quedaría bien:

3 comentarios:

Evinchi dijo...

ahora sí me sale, pero sin hacer ese segundo paso. poniendo el html normal.

Yo misma dijo...

Culpa mía, Evinchi, por haberme expresado mal; ya he editado la entrada.
Te explico más detalladamente en una comentario de la entrada correspondiente para que sirva a quien lo lea.

Mirta Pagola dijo...

Gracias, ha quedado de maravillas en mi blog.
Un fuerte abrazo

Publicar un comentario

ENTRADAS MÁS POPULARES