Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Menú vertical que permanece fijo en un lado.

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

Patán dice...

Estas en azado en mi Blog

Jaime Trujillo Escobedo dice...

Muchísimas gracias Patán!! yo también te enlacaré en mis blogs amigos ;)
saludos!!

Eliezer dice...

Te enlazo en mi Blog... tienes comentarios y entradas muy buenos Saludos

(PD: http://eliezerlopez.blogspot.com/

Jaime Trujillo Escobedo dice...

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 ;)

Jaime Trujillo Escobedo dice...

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 ;)

Hiena dice...

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.

Jaime Trujillo Escobedo dice...

Hola Hiena!!! cuanto me alegra que te guste el Balcón, ven cuando quieras, siempre estaré aquí por si necesitas algo ;-) Saludines!!

Miguel Mora dice...

Hola Jaime.

¿Dónde se supone que se coloca el gadget??.

Un saludo

Jaime Trujillo Escobedo dice...

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

Anónimo dice...

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.

Jaime Trujillo Escobedo dice...

Anónimo, mira esta entrada en la que explico la forma de incluir un favicon en blogger.

Anónimo dice...

Muchas Gracias, solucionaste mi problema.

Jaime Trujillo Escobedo dice...

Un placer, Anónimo.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo