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( http://lh5.googleusercontent.com/-luDGEoQ_WZE/T1Ak-gta5MI/AAAAAAAACPI/ojfEGiaNmGw/s60/flecha-arriba.png ) no-repeat center center; } Por último, antes de  </body>  agrega el scri