miércoles, 2 de marzo de 2011

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/AVvXsEgL7C98d5_eV8xGPXmGH8-g_16tc6i5UAOp0zSmdbabWd5V3Fu3lxiBZLuqcPIkmipsr1lNAoPUfJv46Nm7iEGeon10lmIjrn34EcWYtKSK6buqNsbStFPtnQD-H3JSDOLmNd9tlZFOpQ/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.

No hay comentarios:

Publicar un comentario