Hacia arriba suavemente

 Ya vimos en el pasado una forma muy sencilla de poner un botón que nos llevase a la parte superior de nuestro blog, era una fórmula un tanto primitiva que hoy se va ha volver del todo sofisticada de una forma igualmente sencilla y que hará que esa subida no sea tan brusca.
El secreto está en el script que colocaremos justo antes de </body> y el pequeño código html que colocaremos antes de </footer>

EL SCRIPT▼▲

antes del </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script>
   $(function () {
   $(&#39;.go-to-top&#39;).click( 
function () {
   $(&#39;html,body&#39;).animate({
   scrollTop: 0
    }, 500);
   return false;
    });
    });
</script>

EL CÓDIGO HTML ▼▲

antes de </footer>

<a class='go-to-top' href='#wrap' style='display:scroll; position:fixed; bottom:0px; right:1px;' title='subir arriba'>
    <img src='URL DE LA IMAGEN'/>

  </a>