Tutorial para el blog: insertar botón "volver al principio de la página"

En el tutorial de hoy veremos cómo poner, de una manera muy fácil, un botón que al pulsarlo, nos envíe al principio de la página. 

Podéis verlo en la esquina inferior derecha de este blog.

Lo que primero que necesitamos es el icono. Podemos buscarlos por internet o podemos crearnos uno con un procesador de imágenes. Aquí tenéis unos ejemplos:

Si quieres descargarte estos iconos, puedes hacerlo aquí.

Debemos tener en cuenta el color de nuestra plantilla, y si el icono tiene un fondo blanco, o de otro color. Si es transparente, no tendremos ningún problema. También tenemos que pensar en el tamaño. Tiene que ser de dimensiones reducidas, para que no se solape con ninguna imagen ni gadget de la barra lateral.

Una vez tengamos claro qué icono vamos a utilizar, debemos subirlo al blog, en una entrada, por ejemplo, o a cualquier otra aplicación o web donde subir imágenes, para obtener su URL.

Si la subes al blog, haciendo click con el botón derecho del ratón, te saldrá la opción "copiar la URL de la imagen". Cópiala y pégala en este código HTML donde lo indica:

<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="Pega aquí la URL de tu imagen" /></a>

Después, en entra en DISEÑO de tu blog, e inserta un gadget HTML:

Pega el código completo y GUARDA.

Después, no importa donde lo sitúes en tu plantilla de diseño, ya que no le influye en nada.

¡Y ya está! 
Este tutorial ha sido sacado de: Las creaciones de bea y natalia podéis acceder a su blog haciendo click en el enlace y si queréis conseguir más botones de up podéis conseguirlos haciendo clic aquí.
Si os ha gustado este tutorial podeis compartirlo por las redes sociales, aquí abajo os dejo un enlace para que os podáis susccribir al blog