-->
Botón para subir en Blogger

Botón para subir en Blogger

Este tutorial consta en insertar un botón flotante con la opción de subir hasta la zona superior de nuestro blog.
Esto sirve principalmente para que el usuario navegue de forma mas libre por tu blog y a su vez pueda volver al inicio rápidamente.

Hay muchas formas de insertar este botón, pero en esta oportunidad les propongo el método más fácil.

El botón quedaría así:



Cómo insertar este botón flotante en Blogger:

Primero, vamos a ''Diseño/Elementos de la página'' en donde crearás un ''Gadget HTML/Javascript''


En el cual pegarás el siguiente código:
<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkFrcBQ77iloo_XF7db0yep3x58F1b-T2FDJmThmxx3WilHHvjs0Hs-ZCavzGYNh8TAxUhwIiC7fjMBHLlO_SBFNd7jV8yV6PpYgXY2D37wi-RV3MNUScSM_Ia7wqWGoQNBuAXHeUVzQ/s400/back-to-top.gif"/></a></div>

Guardas los cambios y listo:


Consideraciones:

Para cambiar la imagen, basta con reemplazar la zona de color en el código por la URL de la imagen.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Footer multicolumna en Blogger # - Footer multicolumna en Blogger
Pack íconos sociales cuadrados. # - Pack íconos sociales cuadrados.
Últimos Tweets en Blogger (Opción 1) # - Últimos Tweets en Blogger (Opción 1)
Ayuda Bloggers es parte ahora de "Todo Blogger en Español" # - Ayuda Bloggers es parte ahora de "Todo Blogger en Español"
Estructura básica de una plantilla HTML5 # - Estructura básica de una plantilla HTML5