Menu que baja con el scroll.

Hola, pienso que todos ven el menu al lado de la sidebar que baja con el scroll, bueno, los que no veanlo, pasare a explicar el truco ahora :D :

1.- Nos dirigimos a nuestro HTML y antes del cierre b:skin pegamos el siguiente codigo:

#SmallIcon{
position:fixed;
text-align:left;
margin-top:100px;
margin-left:-28px;
}

* html #SmallIcon{ /*IE only*/
position:absolute;
}

#SmallIcon a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#SmallIcon a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #SmallIcon a img{
filter:alpha(Opacity=100);
}

#SmallIcon img{
margin-bottom: -5px;
}

* html .SmallIcon{
margin-bottom: -3px;
}

2.- Ahora, en elementos de pagina añadimos un artilugio, un html con el siguiente codigo:

<div id="SmallIcon">
<span>
<a style="border:0;" href="http://blogger-adictos.blogspot.com" rel="external" title="Volver al Inicio"><img alt="Home" src="http://chenkaie.googlepages.com/HomeIcon_BG_G.png" class="SmallIcon"/></a>
<br/>
<a style="border:0;" href="http://www2.blogger.com/profile/07614536744753096596" rel="external" title="Sobre Mi"><img alt="Home" src="http://chenkaie.googlepages.com/ArchiveIcon_BG_G.png" class="SmallIcon"/></a>
<br/>
<a style="border:0;" href="mailto:andresblogs@gmail.com" title="Contactame"><img alt="Contactar al Autor" src="http://chenkaie.googlepages.com/EmailIcon_BG_G.png" class="SmallIcon"/></a>

<br/>
<a style="border:0;" href="http://http://blogger-adictos.blogspot.com/feeds/posts/default" title="Subscribete a Blogger Adictos"><img alt="Subscribe to Blogging Secret feed" src="http://andresblogs.googlepages.com/FeedIcon_BG_Gcopy.png" class="SmallIcon"/></a>
<br/>
<a style="border:0;" href="#" onclick="new effect.scrollto(header-wrapper,{offset: 0})" title="Ir Arriba"><img top="" alt="Back to " src="http://louislim2.googlepages.com/topbutt2.PNG" class="SmallIcon"/></a>
</span>
</div>

Bueno listo, creo que el widget es mas grande que el estilo :D .