Un bloguero Practicando

Botón Ir Arriba para Blogger

Botón Ir Arriba para Blogger

Comparteme :


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.

Puedes ver una demostración en el siguiente blog de pruebas:

Demostración

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: Puedes cambiar la URL de la imagen por la que quieras.




Comparteme :
Bloguero Tutorial
Soy el creador y editor de éste blog, cree este blog porque me encanta escribir sobre tecnología e internet, diseño web, y recursos para webmasters y Bloggers. Además, mi único propósito, es divertirme y de paso si ayudo a otras personas, mucho mejor. , click aquí ?
Botón Ir Arriba para Blogger.
Comparte

Artículos Relacionados

Tu mensaje sera visible tras la aprobación del administrador