Cómo agrandar la Sidebar (columna lateral)
Holaaa!!! Gusto de postear de nuevo y estar en contacto con ustedes.
Este post es respecto a nuestra querida sidebar (columna lateral).
Tanto trabajo que nos da y tanto que nos gusta.
Jezabell me escribe y pregunta:
"Hola Carolina!
Tengo una pregunta con respecto a la sidebar y es que en mi blog aparece como muy angosta. Me gustaría ensancharla ya que sobra un pedazo de background sin ocupar y no me gusta".
La respuesta es más fácil de lo que podría creerse.
Basta con ubicar en tu plantilla estos códigos:
Luego deben aumentar o disminuir los números que marqué con rojo.
Si quieren aumentar el ancho de la sidebar aumentan el número que en este caso es "220" por 300 o por lo que quieran, tiene que ir probando.
O si la quieren más angosta, bajan el número. Pueden poner lo que quieran.
Si sólo la quieren un poco más angosta ponen 200, o subir a 500, tienen que ir mirando cómo queda con "Vista previa" hasta que encuentren lo que más les gusta.
Lo mismo con el main, que es donde van sus posts o entradas.
OJO: Que al aumentar el tamaño de la sidebar o de la main, o de ambos, deben aumentar el tamaño del content. Porque sino, no tendrán espacio para ambos y se montarán unos con otros.
Lo importante es que el número de la sidebar más el del main, dé una cifra igual o inferior a la del content.
Ejemplo: Si ponen a la sidebar 300 y al main 500, el content tiene que ser de 800 para arriba (puede ser más, pero no menos)
Espero se haya entendido.
Salu2
34 comentarios:
Hola..tu pos me fue de mucha ayuda..la verdad es q también tenía esa duda..weno yo estoy iniciando mi blog y tengo una duda q no logro resolver y q me está volviendo loka...y como pudeo añadir en la sidebar esas lineas q aparecen como separadores de cada sección..estaría muy contenta de q me respondieras..muchas grcias..bye!
Gracias Caro!!!
Sabía que tenía que aumentar el tamaño de algo,pero no sabía exactamente de qué.
Un placer resorrer tu blog, se aprende y mucho
Besos enormes!!!
yo tengo una duda, porque resulta que ensanché todas las columnas, tres para ser exactos, pero lo que quiero aumentar, es el espacio que queda entre ellas, porque el texto general queda muy pegado a los links y queda feo. ¿cual es exactamente la linea de código que debo cambiar y qué valores debo poner? gracias
Hola, use tu truco pero no quedaba bien porque se veia como cerraba la esquina donde antes y luego continuaba. Pero gracias
hola Carolina,
necesito tu ayuda. Quiero poner musica en alguna entrada de mi blog, pero no se ni donde alojarla ni como hacer que aparezca un reproductor en la entrada.
Espero que me ayudes y gracias de antemano.
Feliz día del blog Carolina!. He puesto un enlace en mi nuevo blog a esteCosas de krisish.
Un saludo de krisish.
krisish.
Hola, soy Gloria y te he enlazado en mi blog con motivo del Blog Day porque me ha parecido interesante tu página.
Un abrazo.
Siempre visito tu blog y como siempre!! acabo encontrando algo de mucha utilidad!!
Muchas gracias y saludos!!
Hola Caro mira tengo un pequeño problema que me esta costando caro no encuentro la solucion espero que tu o que alguien mas me pueda ayudar el caso esque yo uso plantillas disferentes a las de blogger http://www.brumaximus.blogger.com.br/ de alli eh sacado buenas plantillas pero si te das cuenta en mi blog www.llnitroll.blogspot.com el cebox (minichat) y el reproductor media player estan salidos del margen de la columna como puedo poner mas ancho ese margen ? intenta colocarle a un blog new una plantilla de la pag q te di aver si puedes colocarle mas ancho ya que como la plantilla es diferentes pues no encuentro el codigo que das para cambiar los aspectos
Nice blog, i am also blogging here, check mine Start trading in forex.
Wish u good luck :)
hola soy nueva por aqui y me parece muy interesante yo tengo la misma duda que eljinetedelresplandor
muchas gracias
muy bueno tu blog..al menos para mí que estoy comenzando con uno. Voy a copiar el rss y visitarlo seguido para ir mejorando mi blog.. el aspecto, ya que los contenidos y fotos las tengo bastante claras..viajes, turismo y esas cosas.
Saludos,
alberto
turismoaventura.blogspot.com
me imagino que se le puede cambiar el nombre a un blog..o no?
Gracias poor tu valiosa ayuda ya que esto me resolvio varios problemas.
Muchisimas gracias por tu ayuda. Ahora aprovecho mejor la pantalla.
Y enhorabuena por tu página me ha gustado mucho. Un abrazo desde Asturias-España.
Hola, tu post esta muy bien explicado, mi problema es q al ir a mi plantilla, la parte del "conten" no sale como tu lo muestras, sino q sale asi:
#content {
padding: 0 20px;
}
@media all {
#main {
width: 400px;
float: left;
}
#sidebar {
width: 226px;
float: right;
que me sugieres?
¿me ayudarias a hacer lo mismo en blogger beta? me estoy liando
Gracias por la info :D
Ignacio:
lo que tienes que buscar es:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1250px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 800px;
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 */
}
#sidebar-wrapper {
width: 320px;
float: left;
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 */
}
Outer es lo mismo que conten, y que diga wraper no importa, para Bexza, sólo escribelo antes de la linea de padding
siguiendo tus consejos aumenté la anchura de mi plantila http://josepmunyoz.blogspot.com/ muchas, muchas gracias
un saludo
Gracias
Super, no sabes como estoy aprendiendo con blog.
gracias
Gracias por tu ayuda!!! Karyne
Gracias! me ayudastes mucho! muy bueno tu blog! saludos
Muchas gracias por tu tutorial
buenas a todos, soy un nuevo usuario de blogger y todavia las explicaciones que realizan uds todavia me resultan complejas je.en mi caso lo que quiero hacer es agrabndar la sidebar, lo que sucede es que no se como llegar al content de la plantilla para lugo ubicar los datos que uds publican y lograr ensanchar la columna lateral.les agradezco la molestia de responder a mi consulta.
GERARDO
Buenas! de vuelta yo, es para agradecer la información que me brindaron en este caso, pero realmente felicito la creacion de este espacio de ayuda a bloggers.les mando un abrazo a todos y gracias nuevamente. has ta la proxima...
GERARDO.
Amigo... tengo un problema... no encuentro esos codigos q das en tu post... mi modelo de blog es Nº897 Creado por: Douglas Bowman, quisiera que me digas como agrandarlo en ese tipo de blog... te agradeceria que me ayudes...
Amigo... tengo un problema... no encuentro esos codigos q das en tu post... mi modelo de blog es Nº897 Creado por: Douglas Bowman, quisiera que me digas como agrandarlo en ese tipo de blog... te agradeceria que me ayudes...
hola, me llamo jaime, me encanta tu blog! yo tengo uno, se llama www.elbalcondejaime.blogspot.com espero que te guste, y no sabes lo feliz que seria si lo pones en tu lista, el mio tambien es de trucos blogger, un saludo, jaime
¿Y sabrías hacer esto mismo con un blog de blogia? O mejor aún poner una columna mas ademas de ensanchar el blog. LLevo mucho buscando un tutorial asi para blogia pero no lo encuentro y seguro que es fácil para el que sabe de html.
HOLA! GRACIAS POR TUS CONSEJOS PERO TE QUERIA PREGUNTAR, HABER SI ME PORDIAS DECIR PORFA CUALES SON LAS MEDIDAS DE TU BLOG.PERO NESESITO QUE SEAN CLARAS, LO QUE PASA ES QUE EL MIO SE DESCUADRO HORRIBLE.
GRACIAS
Gracias por el truco
"Salu_doS"
Hola, leí el post y trate de todas las formas, pero la tecnologia no me quiere mucho xD quiero agrandar el ancho de mi blog, porque al fin descurbrí como subir fotos de mayor tamaño, pero se cortan con la informacion del lado, ojala pudieras ayudarme... eso si, no tengo idea sobre el idioma blogger... bueh, ojala mi problema esté claro, saludos :)
la verdad que entro a para editar plantilla y no encuentro el dichoso
/*content
_____________
y kiero apmpliar mis columnas laterales..
Publicar un comentario en la entrada