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.

Añadir una sidebar (barra lateral)

Te voy a explicar como añadir otra sidebar (barra lateral) en tu blog, lo primero de todo debes saber que no es tan difícil como parece. Una vez la hayas "instalado" podrás añadir artilugios, imagenes y contenido como en la que ya tienes.

Diseño>edición HTML>expandimos artilugios y buscamos /* Outer-Wrapper:

Cambiamos algunos valores, en #outer-wrapper aumentaremos el ancho que es width:660px; a width: 750px; de esta forma estamos aumentando el tamaño del blog 90px;

Ahora buscaremos #main-wrapper y cambiamos width: 410px por width: 400px; y debajo le pondremos esta línea:

margin-left: 20px;

Necesitamos buscar esto:

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Y justo después le pegamos esto:

#newsidebar-wrapper {
width: 150px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

Ahora simplemente nos queda buscar <div id='content-wrapper'> y pegarle esto justo debajo:

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>

Guardamos cambios y listo, tendrás una nueva sidebar! ¡¡ya puedes añadir gadgets (elementos de página) en ella!!

morganna dice...

lo consegui muchas gracias!!!!!

voy a ponerte un enlace en mi blog solo dime que tengo que poner
mil gracias

morganna dice...

muchas gracias al final lo logré !!!!

Jaime Trujillo Escobedo dice...

Hola Morganna!!! que alegría que consiguieras poner la sidebar! ahora me paso y veo tu blog ;-)

Si quieres poner mi blog, puedes poner...

El Balcón de Jaime

Si quieres puedes poner algún dato o algo ;-) la url (dirección) es...

http://elbalcondejaime.blogspot.com/

Un gran saludo amiga!!!!!!!!1

pirata1989 dice...

Hola Jaime mira el error que me da no se que hacer :S haber si me puedes ayudar maquina ;)
cualquier cosa aqui me tienes
Salu2

Jaime Trujillo Escobedo dice...

Hola pirata1989, ya veo el error, eso no se debe a la sidebar, sino al gadget NeeProfile, debe llamarse Profile. Si quieres hacemos una cosa, ve a diseño, edición html, descargar plantilla, la guardas en tus documentos y me la envias por correo, así la pongo en un blog de pruebas, te arreglo eso, te pongo la sidebar y te la mando :-D puede que así sea la mejor forma :-)

El correo del Balcón es elbalcondejaime@hotmail.com

un gran saludo! :-)

Alex dice...

a mi me da el mismo error que ha pirata 1989 me lo puedes solucionar?

Jaime Trujillo Escobedo dice...

Alex, elimina la siguiente línea:

<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>

El error se debe a que, al agregar el "New Profile" introducimos otro perfil en el blog.

ximena silva dice...

Gracias, me ha servido un monton tu blog ;) ;) :) :D te hago una pregunta :$, como puedo agregar la columna, pero para que queden las dos del mismo lado?
Saludos

Jaime Trujillo Escobedo dice...

Hola ximena silva. Para cambiar las columnas de lugar, sigue los pasos de la entrada y cambia el valor width: 150px; del primer bloque por width: 180px;.

Después, pega el último código encima de la línea <div id='sidebar-wrapper'> en lugar de incluirlo sobre <div id='content-wrapper'>.

Con eso verás las dos sidebars a la derecha ;).

Eze_Peligr0 dice...

hola me gustaria saber como eliminar una columna gracias

Jaime Trujillo Escobedo dice...

Hola Eze_Peligr0, en esta entrada explico como hacerlo ;).

Luciana dice...

No me sale :'( Lo intenté pero me queda abajo la columna y no sé, no puedo :(

Luciana dice...

no me sale :(

Jaime Trujillo Escobedo dice...

Luciana, ¿te queda debajo de la columna cuando la visualizas en el apartado de Diseño (donde agregas los elementos de página) o en la portada del blog?

Rembrandt dice...

Ok, primero gracias por responder a mi pregnta y segundo, lamentablemente surgio un problema...

cuando dices "necesitamos buscar esto" en mi plantilla no esta

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Unicamente esta este.

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

¿qué puedo hacer?

¿pego lo siguiente debajo del que tengo aunque no sea igual? lamento la molestia, porfa hechame una mano.

Rembrandt dice...

Tal vez seria mejor que vieras mi plantilla, ¿a que correo te la puedo mandar?

Jaime Trujillo Escobedo dice...

Rembrandt, no hace falta, ese es el bloque necesario (#sidebar-wrapper {).

Sigue los pasos tal y como continúan ;).

Si necesitas algo avísame.

Rembrandt dice...

Gracias por todo, no resulto como esperaba pero igual me sirvio de mucho...Saludos desde el cementerio.¡

Jaime Trujillo Escobedo dice...

Rembrandt, ¿Qué es lo que no resultó como esperabas? dímelo y así podré ayudarte a corregirlo.

Rembrandt dice...

Primero mira mi blog, http//elcementerioolvidado.blogspot.com

Ahora, como veras tengo bastantes etiquetas y están todas en una sola fila, laaaaaaaarga fila, entonces quise hacer una nueva sidebar para incorporar algunas categorías y así, hacer una forma de encontrarlas más fácilmente, lo logre, pero el espacio de publicación de entradas quedaba muy reducido, así que descarte la idea poner la sidebar en el lado izquierdo y me propuse ponerla en el lado derecho al estilo de este blog: http//elespejogotico.blogspot.com
Eso no fue difícil, pero mi imagen principal de "El Cementerio Olvidado" o quedaba reducida o simplemente no encajaba, fue cuando me di cuenta que esa era la razón por la cual "elespejogotico.." no tenia una imagen grande, sino una pequeña... entonces como resumen de todo esta telaraña, regresé todo a la normalidad tal y como estaba. pero me sigo preguntando ¿seria posible que la imagen grande que tengo arriba del cuadro de publicación la colocara en lugar de "Bienvenido seas al cementerio" en el titulo y descripción del blog? y ¿Cómo lo haría?

:o :o :o :o

Posdata: Amigo, siento muchísimo sacarte de quicio, comprendo que suelo ser exasperante, pero no tonto, así que entenderé si me dejas a la deriva... de nuevo muchas gracias, jajaja. :P

Jaime Trujillo Escobedo dice...

Rembrandt, ¿Sacarme de quicio? no digas eso ni en broma. ¡Me encanta ayudar!

Claro que es posible hacer lo que me pides.

Antes que nada: elimina la imagen que tienes en la cabecera (detrás el título y l descripción del blog), la que dice "Bienvenido seas al cementerio".

Después dirígete a:


Diseño>edición HTML> sin necesidad de expandir artilugios

Busca este bloque:

#header {
border:1px solid #000000;
color:#341473;
margin:5px;
text-align:center;
}

Y cámbialo por este otro:

#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://2.bp.blogspot.com/_xvrF2cx7G0U/SqwADzK8zwI/AAAAAAAAA2U/020Q2a7L6eY/S1600-R/elcementerioplantillata.gif) no-repeat scroll 0 0;
border:1px solid #000000;
color:#341473;
height:412px;
margin:5px;
text-align:center;
}

Haz vista previa para comprovar el resultado.

Si te gusta, guarda cambios ;).

Darkpanther dice...

Socorro, no me pone dos columnas me deja solo una y muy pequeña, y se descuadra toda la pagina del blog!!!!!!!! Alguine me ayuda? Gracias!

Jaime Trujillo Escobedo dice...

Darkpanther, no consigo ver la columna pequeña de la que hablas. ¿Aparece "deformada" en el apartado de Diseño, al agregar los gadgets?

David. dice...

¿Es posible poner una segunda cabecera en un blog? o Anunciar en un mensaje o ventanita flotante "Bienvenido al blog... ????? Por favor, respondan, me urge... Gracias.

Jaime Trujillo Escobedo dice...

David, claro que es posible. Prueba a seguir los pasos de esta entrada y podrás conseguir lo que deseas.

Iluvatar dice...

Compa... no me sale... :(

Jaime Trujillo Escobedo dice...

Iluvatar, ¿Seguiste bien los pasos? Si me envías la dirección de tu blog quizás pueda darle un vistazo ;).

Iluvatar dice...

ok Jaime aca esta

Metal in The World

Jaime Trujillo Escobedo dice...

Iluvatar, como veo, usas una plantilla mínima. Te comento que este truco debería funcionar ya que no tienes un diseño modificado :S.

Voy a revisar el truco de todas formas.

Iluvatar dice...

Intentare de nuevo... si me funka te aviso...
Gracias por el truco de antemano...

Jaime Trujillo Escobedo dice...

Iluvatar, esperaré tu comentario ;). Gracias a ti por comentar.

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