Hay varias formas de poder poner un botón de "Ir arriba" en nuestro blog. Muchas de ellas consisten en poner bastantes líneas de código en nuestra plantilla. Sin embargo, buscando una alternativa un poco más sencilla y que no tuviera la necesidad de poner tanto código ya sea antes del head, antes del body y despues del body, me topé con una solución un poco más sencilla.
Al agregar nuestro botón, éste aparecerá en cuanto se haga scroll hacia abajo. De esta forma no veremos la imagen de nuestro botón hasta tanto no hayamos descendido un poco en nuestra página.
Pasos a seguir
- Vamos a esta página y elegimos la flecha que nos guste.
- Una vez elegida, copiamos el código que hay al lado de flecha.
- Vamos a nuestro blog, y en Plantilla, Editar HTML pegamos el código copiado justo antes del body:
- Guardamos y listo!
Otra forma de lograr poner un botón de "Ir Arriba" es mediante los widgets. Para ello debemos ir a Diseño y elegir una posición baja, tal como side-bar2 o el footer. Le damos a "Añadir un Widget" y elegimos "HTML/Javascript".
Luego le damos un nombre cualquiera, como "Subir", y pegamos el siguiente código:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Ir arriba"><img src="URL DE LA IMAGEN" /></a>
En donde dice url de la imagen colocan la dirección en donde se encuentra la imagen que desean.
Guardar y listo!
Si quieren que la imagen esté dentro de su propio blog, para así evitar de que si borran la imagen no desaparezca del blog, primero deben ir a Entradas, meterse en cualquier entrada y darle al botón de agregar imagen. Suben el archivo de la imagen que desean y hacen botón derecho y "copiar dirección de la imagen":
La diferencia radica en que la imagen aparece siempre en la parte inferir derecha. Está fija. En cambio de la otra forma solamente aparece el botón cuando hacemos scroll hacia abajo...
No hay comentarios:
Publicar un comentario