Ir al contenido principal

Entradas

Mostrando entradas de marzo, 2012

Botón "Ir arriba" - con JQuery

Tips y Tutoriales para Blogger

Consiste en un botón flotante que sólo es visible cuando se baja la página y permite a los lectores volver al top de tu blog con sólo presionarlo. Para ponerlo en tu blog entra en la Edición HTML y antes de  </head>   agrega jQuery: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> Recuerda que si ya lo tuvieras omite ese paso. Ahora antes de ]]></b:skin> agrega los estilos: /* Botón Ir Arriba ----------------------------------------------- */ #IrArriba { position: fixed; bottom: 30px; /* Distancia desde abajo */ right: 30px; /* Distancia desde la derecha */ } #IrArriba span { width: 60px; /* Ancho del botón */ height: 60px; /* Alto del botón */ display: block; background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj27XHX39uWjBXP-4dEnmmyuMG_szZr3wPwlKrSjA7rJ5lHqSs9dw65h5HZpqExsrrkOZkhUdIUkzHWe4rHdvxQpTloMh1PPMqvM7UGMTd-9_GuT9PxDIXogf6FDe-Uhb