Flechas "arriba-abajo" (efecto deslizante)

En esta entrada voy a explicar como poner flechas de ir arriba y abajo en tu blog, la manera simple esta en esta entrada. Vamos a tener que buscar algunas palabras o frases en el código, para ello pulsaremos Ctrl+F, nos saldrá un buscador y ahí podremos buscarlas.

Entra en Plantilla > Edición HTML 
Busca </head> y antes de ésta etiqueta pega:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->

Ahora busca </body> y antes de ésta etiqueta pega:

<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0'  src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a> 

<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>

IMPORTANTE
Si usas una plantilla nueva del Diseñador de plantillas de Blogger, tendrás que hacer algunos cambios:


Busca ésta línea:

<div class='body-fauxcolumns'>

 Y cámbiala por esta otra:

<div id='outer-wrapper' class='body-fauxcolumns'>

Luego busca ésta:

<div class='content-cap-bottom cap-bottom'>

Y cámbiala por ésta:

<div id='footer-wrapper' class='content-cap-bottom cap-bottom'>

Espero que les sirva.