Explicaremos como poner una imagen que enlaza a un link que sube directamente a el principio de nuestro blog.
Aquí dejo el código:
<a style="display:scroll; position:fixed; bottom:10px;
right:80px;href="#" title="Volver arriba"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLelRSPhpLNpA0DZiq-Q5iG2c9KFY7Sh8aJZ9NBaZiOVFH8r34n10nBufFJyrIFNAPHs8DEdSsc3qfM7sAf0Fzb8oBQ4Baz66C1FnqPh5InleKWKv_tA7KsG_dp0xrjzmpvth9KGrweWxo/s1600/flecha+subir.png"
/></a>
Ahora vamos a ajustarlo
# en este campo pondremos el enlace de nuestro blog
Los números que he marcado en verde corresponden a
bottom:10px; la distancia que hay del final de la pantalla y la imagen
right:80px la distancia de la parte derecha a la imagen
esto lo puedes ajustar a el diseño de tu blog
Esto es la Url de la imagen que quieres poner en mi caso es esta
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLelRSPhpLNpA0DZiq-Q5iG2c9KFY7Sh8aJZ9NBaZiOVFH8r34n10nBufFJyrIFNAPHs8DEdSsc3qfM7sAf0Fzb8oBQ4Baz66C1FnqPh5InleKWKv_tA7KsG_dp0xrjzmpvth9KGrweWxo/s1600/flecha+subir.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfE-8hstdZ8_y_gjyv9kc4MuZVDFV8iwqMaEGfxLH-k0KpaKqtzKHVlHLNHK92GtQRoADarXKPKvUGwaWTMzr6qhu5R25LeI6HttUipo8Vum458W-B47UiFI4KnYToCnYM1t6Q1j_GJ2ES/s1600/flecha+mari.png
Nota:
Ahora para que nuestro botón funcione tenemos que ir al editor de plantilla Html y buscar el código </head> y justo antes pegamos esto
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Imprimir entrada