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!!
lo consegui muchas gracias!!!!!
voy a ponerte un enlace en mi blog solo dime que tengo que poner
mil gracias
muchas gracias al final lo logré !!!!
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
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
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! :-)
a mi me da el mismo error que ha pirata 1989 me lo puedes solucionar?
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.
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
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 ;).
hola me gustaria saber como eliminar una columna gracias
Hola Eze_Peligr0, en esta entrada explico como hacerlo ;).
No me sale :'( Lo intenté pero me queda abajo la columna y no sé, no puedo :(
no me sale :(
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?
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.
Tal vez seria mejor que vieras mi plantilla, ¿a que correo te la puedo mandar?
Rembrandt, no hace falta, ese es el bloque necesario (#sidebar-wrapper {).
Sigue los pasos tal y como continúan ;).
Si necesitas algo avísame.
Gracias por todo, no resulto como esperaba pero igual me sirvio de mucho...Saludos desde el cementerio.¡
Rembrandt, ¿Qué es lo que no resultó como esperabas? dímelo y así podré ayudarte a corregirlo.
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
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 ;).
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!
Darkpanther, no consigo ver la columna pequeña de la que hablas. ¿Aparece "deformada" en el apartado de Diseño, al agregar los gadgets?
¿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.
David, claro que es posible. Prueba a seguir los pasos de esta entrada y podrás conseguir lo que deseas.
Compa... no me sale... :(
Iluvatar, ¿Seguiste bien los pasos? Si me envías la dirección de tu blog quizás pueda darle un vistazo ;).
ok Jaime aca esta
Metal in The World
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.
Intentare de nuevo... si me funka te aviso...
Gracias por el truco de antemano...
Iluvatar, esperaré tu comentario ;). Gracias a ti por comentar.