Flecha "Arriba" en Blogger

  

 

Ir a Blogger / Diseño
En footer-1 (o cualquier otra columna o sección) abrir Añadir un gadget y elegir HTML/JavaScript
En Contenido pegar el código siguiente

<!-- Inicio de código botón arriba escritorio -->

<a href="#" id="arriba"><img border='0' src="DIRECCION_DE_IMAGEN"   width="35" height="auto" style="position:fixed; bottom:5px; margin-right:45%;right:-560px;" title='Arriba'/></a>

<script type="text/javascript">

$(document).ready(function() {

$('#arriba').click(function(){ //Id del elemento cliqueable

$('html, body').animate({scrollTop:0}, 3000);

return false;

});

});

</script>

<!-- Fin de código botón arriba escritorio -->

En lugar de DIRECCION_DE_IMAGEN debe insertarse la dirección de la imagen con transparencia (en .png) de la flecha a utilizar. Se puede copiar la dirección de cualquier imagen de internet, pero es preferible subirla al propio blog y utilizar esa dirección.

Y finalmente GUARDAR y comprobar el resultado. Puede modificarse la distancia al margen de la pantalla cambiando el valor de margin-right:XX%

Yo no sé prácticamente nada de códigos. Este lo he copiado de El mundo en un chip y lo he adaptado a mi gusto.