Flechita flotante en una esquina del blog para volver arriba
Hemos visto con anterioridad, dos trucos para conseguir una flechita, ya sea con efecto deslizante o al pie de cada entrada, que nos lleve al inicio del blog con solo un clic.
En este tercer truco explicaré la manera más sencilla de conseguir que una imagen nos permita "subir".
Sin necesidad de alojar script alguno o editar la plantilla, podemos conseguir que, tanto una imagen como una palabra o frase quede flotando en una esquina del blog, cumpliendo esta función.
Tienes dos formas de añadir el truco. La primera es la más sencilla ya que únicamente necesitarás hacer clic en el siguiente botón:
Como resultado obtendrás la siguiente imagen en la esquina derecha de tu blog:
El segundo procedimiento, a pesar de ser un poco más costoso, tiene una pequeña ventaja: podrás escoger la imagen que desees (ya sea una flecha o un icono) o escribir una palabra cualquiera.
Inserta este código:
Reemplaza URL DE LA IMAGEN por la dirección de tu icono y listo [+].
Si en lugar de una imagen prefieres hacer uso de una frase utiliza este otro código en lugar del anterior:
Puedes editar la frase "Volver arriba" por cualquier otra cosa.
En este tercer truco explicaré la manera más sencilla de conseguir que una imagen nos permita "subir".
Sin necesidad de alojar script alguno o editar la plantilla, podemos conseguir que, tanto una imagen como una palabra o frase quede flotando en una esquina del blog, cumpliendo esta función.
Tienes dos formas de añadir el truco. La primera es la más sencilla ya que únicamente necesitarás hacer clic en el siguiente botón:
Como resultado obtendrás la siguiente imagen en la esquina derecha de tu blog:
El segundo procedimiento, a pesar de ser un poco más costoso, tiene una pequeña ventaja: podrás escoger la imagen que desees (ya sea una flecha o un icono) o escribir una palabra cualquiera.
Diseño>añadir gadget (elemento de página)>html-javascript
Inserta este código:
<a style="position: fixed; bottom: 0px; right: 10px;" href="#" title="Subir"><img src="URL DE LA IMAGEN"></a>
Reemplaza URL DE LA IMAGEN por la dirección de tu icono y listo [+].
Si en lugar de una imagen prefieres hacer uso de una frase utiliza este otro código en lugar del anterior:
<a style="position: fixed; bottom: 0px; right: 10px;" href="#" title="Subir">Volver arriba</a>
Puedes editar la frase "Volver arriba" por cualquier otra cosa.
0 comentarios:
Publicar un comentario
¡Gracias por comentar!