-->
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
Quitar Navbar (barra superior) de Blogger # - Quitar Navbar (barra superior) de Blogger
Emotícones en Blogger (Versión Taringa!) # - Emotícones en Blogger (Versión Taringa!)
Insertar Infolinks en Blogger # - Insertar Infolinks en Blogger
Gadget multipestañas para Blogger # - Gadget multipestañas para Blogger
Usar jQuery para reflejar imágenes en Blogger # - Usar jQuery para reflejar imágenes en Blogger