Voy a tratar de resumir varias preguntas en una sola respuesta porque todas están relacionadas.
Utilizo un enlace del tipo IR AL INICIO con una imagen (las típicas flechitas que nos permiten subir cuando una página es muy larga)
y la dejo fija de tal manera que cuando hago un scroll, siempre permanece en el mismo lugar ... pero, ocurren dos cosas: primero, no me funciona en IE y segundo, quiero repetir eso en un post y tampoco funciona.
El primer problema tiene una respuesta sencilla: algunas versiones de
IE no soportan esa propiedad (
position: fixed) así que no hay nada que hacer más que olvidarse del tema. Podemos elegir si queremos usarla o no, es indiferente mientras seamos conscientes de la limitación.
El segundo problema es diferente. Por lo que me muestran, usan un código de este tipo:
<a href="#">Ir al inicio</a>
Funciona bien pero siempre que esté en la plantilla. Cuando lo ponemos en un
post, apenas lo editamos veremos que el código cambia a algo así:
<a href="http://www.blogger.com/post-edit.g
?blogID=XXXXXXXXXXXXXXXXXX
&postID=XXXXXXXXXXXXXXXXXXX#">Ir arriba</a>
El efecto que produce es malo; al hacer
click, si estamos logueados, se abre la ventana del editor del
posts ¿Es un error de
Blogger?
Si y no, en realidad, es la forma en que interpreta los enlaces vacios, es decir, los que no apuntan a una dirección
URL. Es más, fuera de
Blogger, en una página
web "normal", usar
href="#" no produciría ninguno de los dos efectos. Sería lo que es, un enlace vacío; algo que usamos cuando no colocamos la acción a realizar en el atributo
href sino en algún evento como
onclick. Esto es lo que nos permite ejecutar
scripts y la sintaxis óptima para
Blogger es:
<a href="javascript:void(0);" onclick="instrucciones;return false;">ENLACE</a>
o bien
<a href="#" onclick="instrucciones;return false;">ENLACE</a>
siempre y cuando no utilicemos el modo
REDACTAR en un
post o lo coloquemos en la plantilla (
más información).
Bueno, ¿y entonces?
En cualquier parte de una página, incluyendo la plantilla o un post de
Blogger, podemos usar enlaces especiales para desplazarnos de un lugar a otro dentro de la misma página sin necesidad de recargarla. A estos enlaces se los llama
anclajes y tienen dos partes:
La posición se marca con el atributo
name y permanece siempre oculto:
<a name="unNombre"></a>
y el enlace en si mismo (donde hacemos
click) tiene esta sintaxis:
<a href="#unNombre">IR AL EJEMPLO</a>
o sea, es igual que un enlace común pero, le anteponemos el carácter
#
Usando
Prototype y los efectos de
Scriptaculous, esto lo podemos hacer con un poco de sofisticación; por ejemplo, agregando un suave movimiento de desplazamiento.
Como en
el resto de los ejemplos debemos tener ambos
scripts funcionando y cargados en la plantilla:
El enlace puede ser tanto
un texto como una imagen
tal como he colocado en el pie de página de cada
post.
Para abajo ... para arriba ... todo lo controlamos con el atributo
href.
Vamos al final de la página con
href="#footer-wrapper" 
o las etiquetas de la sidebar con
href="#Label1" con un solo
click.
Como los efectos de
Scriptaculous sólo dependen de variables de tiempo, no importa la distancia, sea cual sea, tardaremos lo mismo; si es corta, el efecto será más lento y si es larga, será más rápido.
Hace diez años, un 
Jules Florencio Cortázar (Bruselas, 26 de agosto de 1914 - París, 12 de febrero de 1984) o simplemente: 
Entrevista en "A Fondo" - TVE 1977 (click para expandir)
