Tras haber aprendido la forma de insertar una imagen en una esquina del blog y que ésta nos trasladase al inicio del blog con un solo clic y mostrando un efecto deslizante [+], podrás, con esta entrada, inluir un icono en el pie de todos tus posts para ofrecer a los lectores la opción de "Subir" o "Volver arriba".
En este blog puedes ver el truco en funcionamiento. Para instalarlo, bastará con seguir los siguientes pasos:
Busca esta línea:
<div class='post-footer'>
Un poco más abajo encontrarás una etiqueta similar a alguna de estas dos:
<div class='post-footer-line post-footer-line-1'>
<p class='post-footer-line post-footer-line-1'/>
Simplemente tienes que añadir este código debajo:
<a href='#' style='bottom: 0px; right: 0px;' title='Subir'><img align='right' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge0LKEI-Jz0PW1J_UiguPDriBySj1dSyCwB_N3N2PCASEtokNHE0kQ25nb0NDISb5oGxSW93LK3PUhtnYtJ8GjZf3M9l0otDYHFJM3sghfRG7_y7UhZByUTCvEjozB31d6Od-kB3NVzF4/s320/blsubirp.png'/></a>
La línea marcada en color verde es la dirección de la flecha que aparece en el ejemplo. Puedes reemplazarla por la URL de tu imagen.
En caso de querer usar una frase, utiliza esta otra línea:
<a href='#' title='Subir'>Vuelve al inicio</a>
Guarda la plantilla para terminar:
Muy buen truco :)
Por cierto, subir arriba, es lógico, es como bajar abajo jajaja xD
Gracias por estos truquitos :D
Muchas gracias Anónimo, por tu comentario y el comunicado. El código ya está editado ;).
Te comento estimado anonimo que eso de subir arriba o bajar abajo o entra a dentro o sal afuera ya está desde hace tiempo con visto bueno en el diccionario de la real academia de la lengua española, suena raro, si, pero hay que acostumbrarse a que está bien escrito YA.
Anónimo (2), aún no lo he comprobado pero de todas formas ya edité la entrada ;).
¡Saludos!
Hola ante todo felicitarte por tu blog,mi problema es que mi plantilla original venia con esto que comentas,una esta empezando y he incluido cambios pero se ve que algo lié que ahora no aparece,buscando solución llegue a este blog,pero cual es mi sorpresa que esa frase no aparece y no se como restaurar esa opción ¿podrías ayudarme?,gracias de antemano,Nenky
No te preocupes, Nenky. Prueba a incluir el código justo antes de la etiqueta <data:post.body/>. Haz vista previa para comprobar el resultado y guarda cambios si queda a tu gusto.
¡Muchisimas gracias!,perdona por no contestar antes acabo de leerlo,nuevamente gracias enseguida voy a probarlo.Nenky
Genial Jaime!!,gracias de veras,por fín recuperado.Nenky
Gracias a ti, Nenky. Me alegra que por fin hayas podido recuperar la flechita ^^.
Hola Jaime el post esta genial ;) . Pero, como podriamos hacerlo para tenerlo como tu, una flecha al final del margen derecho?? en vez de que aparezca por cada post.Muchas gracias de antemano, me esta sirviendo de mucho tu Blog.Saludos.Alberto
Alberto, este truco es el que responderá a tu consulta de forma sencillísima. Si tienes alguna duda házmelo saber.
¡Saludos!