Cómo poner un botón de subir arriba en blogger

Hola Chicas como están? hoy les traigo un tutorial muy sencillo y sobre todo útil. les voy a explicar cómo poner un botón de subir arriba en Nuestro blog 

Este botón es una imagen enlazada que vamos a situar en la parte derecha del blog, en la esquina inferior , sirve para subir arriba y volver al inicio del blog, al ponerlo facilitas a la gente que visita tu blog que puedan volver al inicio con un solo click y no tengan que hacerlo con la barra de desplazamiento del navegador.

¿Como lo Hago?

En este caso se  usan  imagenes representativas con una flechita, con una imagen que indique su utilidad, pueden usar algunas de las imágenes o botones que les pongo al final
Este es el código:

<a style="display:scroll; position:fixed; bottom:10px; right:80px;" href="#" title="Volver arriba"><img src="URL DE LA IMAGEN" /></a>

Los números que he marcado en verde se corresponden con la posición del botón y los pueden cambiar, bottom:10px es la distancia que hay entre el final de tu pantalla y la imagen del botón, puedes aumentarla o disminuirla, right:80px es la distancia que hay desde la parte derecha de tu pantalla hasta 

la imagen o botón, también la puedes aumentar o disminuir para ajustarlo al diseño de tu blog.
El texto resaltado en color rosa es en donde vas a colocar la URL DE LA IMAGEN que vas a usar. Puedes usar las que he posteado o  cualquier otra que te guste.

¿Cómo pongo el botón de subir arriba en mi blog?

 Abre el editor de blogger y ves a Diseño
 Añadir un gadget, se abre una ventana con diferentes opciones, haz clikc en HTML/Javascript
 Copia y Pega el código que te he puesto arriba en la caja donde dice Contenido y dale a guardar. 
 Das a ver blog para ver si se ha insertado correctamente y se adapta bien a tu diseño, si quieres modificar la distancia del botón puedes editar el código y hacer los cambios para ajustarlo a tu gusto.

Botones de subir arriba para descargar o usar

 Como sacar la URL de una Imagen en el Blog: 

Si deseas usar algunos de mis botones y no tienes la URL de ellos, solo debes de señalar la imagen que te guste con el Mause y cliquear el boton derecho te saldrán varias opciones pero solo  señalas  en donde dice URL DE LA IMAGEN y listo ya lo tienes!!!

                   

Espero que le haya gustado esta entrada, déjenme decirle que el tutorial no es 100% mio, ya que lo he sacado de la Web, algunas cosas son escrito por mi y las imágenes las he hecho yo así que espero que lo disfruten y se les gusta dejen su lindo comentario.