-->
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
Mejora la caja de comentarios en Blogger con Disqus #1 - Mejora la caja de comentarios en Blogger con Disqus
Plantilla para Blogger: Music Lovers #2 - Plantilla para Blogger: Music Lovers
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger #3 - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Estructura básica de una plantilla HTML5 #4 - Estructura básica de una plantilla HTML5
Insertar una página externa en una entrada en Blogger #5 - Insertar una página externa en una entrada en Blogger