lunes, 2 de septiembre de 2013

Botón Ir Arriba (Back to Top) para Blogger

9/02/2013 05:11:00 p. m. Por 5 comentarios

Botón Ir Arriba para Blogger

La función del siguiente botón es volver al inicio de la página de manera rápida para facilitar la experiencia al usuario, en lugar de tener que mover la barra de desplazamiento (Scrollbar) o jugar con la rueda del ratón, sobre todo cuando la página es extensa o el post tiene muchos comentarios.

El siguiente botón tiene la característica de que no incluye ningún script, lo que lo hace muy simple y la velocidad de carga del blog no aumentará al incluir este botón.

Podéis ver una demostración en el siguiente blog de pruebas:

Demo

Instalar el botón en tu blog


Para instalar el botón de Ir Arriba en tu blog sigue los siguientes pasos:
  1. Ir a Escritorio Blogger.
  2. En el menú seleccionamos Plantilla.
  3. Hacemos clic en Editar HTML.
  4. En el código buscamos lo siguiente:
  5. </body>

  6. Encima de ello tenemos que pegar el siguiente código:
<style type='text/css'>
    .backtotop a:hover {
        padding-bottom:2px;
    }
</style>
<div class='backtotop'><a class='backtotop' href='#' rel='nofollow' style='display:scroll;position:fixed;bottom:10px;right:15px;' title='Ir Arriba'><img src='https://lh4.googleusercontent.com/-KXKWAyu7dzI/UiSh8-lgdEI/AAAAAAAABLY/jVxmi_nqXXY/s35-no/top.png' style='border:0;'/></a>
</div>

Nota: Podéis cambiar la URL de la imagen por la que querais.

5 comentarios :

  1. Gracias por tus aportes! Visiten www.juegomiandroid.com

    ResponderEliminar
  2. Fue de gran ayuda, si quieren pueden ver un ejemplo en mi blog www.juegomiandroid.com

    ResponderEliminar
  3. ¡Excelente! ¡Muchas gracias! me gustó mucho, lo agregué a funyandfunnypictures.blogspot.com y funcionó muy bien.

    ResponderEliminar
  4. Hola, hago todo el procedimiento, se instala el botón pero no funciona.

    ResponderEliminar