El título dice algo de este maravilloso truco que puedes aplicar a tu blog en unos simples pasos. Se trata de un menú vertical con iconos muy lindos, que permanece fijo en un lateral del blog, es decir, el menú nunca se moverá, aunque bajemos al final del blog, el menú sigue en el lado.
Si quieres añadirlo en tu blog, sigue los pasos:
Diseño>edición HMTL>expandimos artilugios
Buscamos la etiqueta ]]</b:skin> y antes de ella le añadimos este código:
/* Menu Flotante
---------------------------------------------
*/
#MenuIcon{
position:fixed;
text-align:left;
/* Modica estos valores de abajo para ajustar la posicion del menu */
margin-top:0px;
margin-left:-35px;
}
* html #MenuIcon{ /*IE only*/
position:absolute;
}
#MenuIcon a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}
#MenuIcon a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}
* html #MenuIcon a img{
filter:alpha(Opacity=100);
}
#MenuIcon img{
margin-bottom: -3px;
}
* html .MenuIcon{
margin-bottom: -3px;
}
Lo normal es no tener que modificar ningún valor, pero si necesitas editarlos, puedes cambiar lo que quieras.
Guardamos cambios.
Diseño>añadir gadget (elemento de pagina)>html-javascript
Pegas el código:
<div id="MenuIcon">
<span>
<a style="border:0;" href="URL ENLACE" rel="external" title="DESCRIPCION"><img src="URL IMAGEN ICONO" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="URL ENLACE" rel="external" title="DESCRIPCION"><img src="URL IMAGEN ICONO" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="URL ENLACE" title="DESCRIPCION"><img src="URL IMAGEN ICONO" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="URL ENLACE" title="DESCRIPCION"><img src="URL IMAGEN ICONO" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="URL ENLACE" title="DESCRIPCION"><img src="URL IMAGEN ICONO" class="MenuIcon"/></a>
</span>
</div>
Ahora rellena los datos necesarios, como "URL ENLACE" (La dirección) "DESCRIPCIÓN" Lo que aparecerá al poner el ratón encima, "URL IMAGEN ICONO" La dirección de tu imagen o icono.
Visto en elescaparatederosa pero editado por Jaime Trujillo Escobedo
¿Problemas al comentar? Utiliza 
Estas en azado en mi Blog
Muchísimas gracias Patán!! yo también te enlacaré en mis blogs amigos ;)
saludos!!
Te enlazo en mi Blog... tienes comentarios y entradas muy buenos Saludos
(PD: http://eliezerlopez.blogspot.com/
Hola Eliezer, me alegra mucho que te gusten las entradas y los comentarios ;) voy ahora mismo a ver tu blog y si quieres te agrego como amigos, saludos desde el balcón ;)
Hola de nuevo Elezier, ya te tengo entre mis amigos,tu blog era muy bueno y el diseño era muy muy lindo ;) la verdad es que me gustó mucho, bueno saludos ;)
Hola Jaime. Está muy bueno tu blog. Tienes cosas muy buenas y muy útiles. En especial para aquellos que recién comenzamos con Blogger.
Saludos, Hiena.
Hola Hiena!!! cuanto me alegra que te guste el Balcón, ven cuando quieras, siempre estaré aquí por si necesitas algo ;-) Saludines!!
Hola Jaime.
¿Dónde se supone que se coloca el gadget??.
Un saludo
Hola Miguel, verás, el gadget puedes colocarlo dónde quieras (en la sidebar, debajo de las entradas...) no se verá nada, simplemente se ve el menú en un lado :-D si necesitas algo más, aquí estoy :-D
La siguiente pregunta es aparte de este post.
en la barra de URL o Dirección, justo al lado de su "Http://www..." Usted tiene una pequeña imagen ¿Cómo le hizo? y ¿Cómo puedo poner una? De antemano, Gracias.
Anónimo, mira esta entrada en la que explico la forma de incluir un favicon en blogger.
Muchas Gracias, solucionaste mi problema.
Un placer, Anónimo.