181

Añadir una sidebar


Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Añadir una nueva sidebar al blog puede parecer en principio algo complicado, pero no lo es tanto como parece, ni mucho menos. Os recomiendo practicar antes en un blog de prueba, para evitar futuros disgustos...
No todas las plantillas son iguales, pero en general, funcionará este sistema, ya que se basa simplemente en copiar la sidebar existente y duplicarla.
He de aclarar, que esta prueba está hecha en una plantilla "Mínima" así que, en principio, servirá para todas las "Mínimas", aunque también he probado en la "Scribe" y, salvo unas pequeñas modificaciones que hube de hacer en padding y margin, el resultado fue óptimo.

[1] Vamos a Plantilla - html y buscamos esto en el CSS:

/* Outer-Wrapper --------------------------------- */
Justo debajo vemos #outer-wrapper {
Es aquí donde modificaremos el ancho, esto hará que el cuerpo del blog se ensanche a la medida deseada, en este ejemplo vamos a usar 900px, es decir, quedaría así:
#outer-wrapper {
width: 900px;

[2] Buscamos un poco más abajo la sidebar de nuestra plantilla:
#sidebar-wrapper {
width: 220px;
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 */
}

Lo copiamos y, justo debajo pegamos el código que acabamos de copiar. Acabamos de duplicar la sidebar, ahora hemos de cambiarle el nombre y le ponemos, por ejemplo, newsidebar, además necesitamos que "flote" al otro lado, para que las entradas queden en el medio de las dos sidebar, para lograrlo le cambiamos el float, quedaría así:
#newsidebar-wrapper {
width: 220px;
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 */
}

[3] Bajamos por la plantilla hasta encontrar esto:

<div id='main-wrapper'>

Justo sobre esa línea añadimos el código necesario para que nuestra sidebar se muestre en el blog:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>

Guardamos cambios.
De momento nuestra nueva sidebar está vacía, así que para verla en el blog, hemos de ir a el panel de diseño, y allí veremos que ya es posible añadir nuevos elementos a la sidebar, añadimos uno, guardamos cambios y vemos la nueva sidebar pero se apreciará también, que la distancia de las sidebar a las entradas no es la correcta...
Solucionaremos esto volviendo a la plantilla - html, y añadiendo en #main-wrapper {
un nuevo valor para el margen:
margin-left: 20px;

Nota:
Las plantillas más recientes han cambiado alguno de sus parámetros, así que tendremos en cuenta que float:left; podrá aparecer como float: $startSide; y float:right; se verá como float: $endSide;.


Entradas Relacionadas:

181 comentarios:


Chema

Es una idea que tenia hace tiempo en mente, hare una pruena a ver como queda, gracias de nuevo por facilitarnos el trabajo

Anónimo

Hola Chema, estoy preparando una entrada para explicar como añadir una nueva sidebar en la "Scribe", no es más complicado que esta, pero si un poco distinta...

Chema

Lo he probado yme queda una encima de otra. Esperare a que acabes tu trabajo y la pruebo, luego te digo el resultado jejej

Igualdad y no discriminación

Mi pregunta nada tiene que ver con tu post Rosa.

Si has visitado mi blog en los últimos días habrás observado que ha sufrido una enovación de arriba a abajo.

Todo bien, ya sabes para gustos colores, aunque me gustaría saber tú opinión, pero aparte de eso tengo un GRAN problema. El blog se ve perfectamente en firefox pero ya me han llegado varios mails y ha bajado el nº de vistias debido a que al parecer da algún problema en IE ¿sabes a qué se puede deber? ¿alguna sugerencia?

Un saludo!

Anónimo

Carlos, lo siento, no recuerdo que blog era el tuyo :-$ y tienes el perfil deshabilitado, no he podido mirarlo.

Duende del Sur

A mí me pasa exactamente como a Carlos. si no es porque también me han dicho que en Internet Explorar los banners se me han pasado de la sidebar a abajo, no me hubiera dado cuenta, porque en Firefox sigue todo correctamente.

He visto que en muchos blogs los banners y los iconos aparecen con movimiento, ascendente o descendente, ocupando muy poco espacio y, por tanto, disminuyendo la probabilidad de que se desplacen al pie del blog.

¿Cómo se consigue ese efecto Rosa?

Anónimo

Javi, si se desplaza hacia abajo,puede ser que tengas algo colocado en ella, que sea más ancho que la sidebar y es por eso que IE, la "tira" para abajo.
Compruebalo y si ese no es el problema, prueba a reducir en unos pixeles el ancho de alguna de las columnas, o de las entradas.

El efecto que me pides, es sencillo, si esperas un poco, publico una entrada con la explicación.

Anónimo

Javi, XD, se me olvidó que ya lo tengo publicado... :-$
Mira aquí:
http://elescaparatederosa.blogspot.com/2007/03/link-con-texto-o-imagenes-en-movimiento.html

Unknown

mi blog Rosa es http://apoderate.blogspot.com

Saludos!

Anónimo

Carlos perdona, es que como sueles poner el nombre y apellidos y tu foto tampoco salía...creí que eras otro Carlos :-)
Ahora voy a mirarlo.

Anónimo

Jope! Carlos no es que de problemas...Es que no deja visionar el blog con el IE, algo hay que el navegador no puede interpretar correctamente...
mándame por favor una copia de la plantilla a ver si veo algo...

Unknown

Rosa, te acabo de mandar la plantilla.

Gracias!

Superichy

Hola Rosa, para la plantilla Dots Dark también debe de haber algunos cambios... porque probé con este paso a paso en la mía y me quedó un "enchastre", jeje, así que vuelvo a la original que tenía, gracias por tu tiempo,
Richy

Sunne

hola soy nuevo en esto, he intentado poner 2 barras y me kedan ambas a la derecha, menos mal q no he grabado, gracias. como lo soluiono???

Anónimo

Hola Sunne!

Has de tener en cuenta, que estas modificaciones son para la plantilla Miníma, si la tuya es otra no siempre te servirán.
En el blog tengo publicado como hacerlo en distintas plantillas, hecha un ojillo por ahí a ver si alguna es como la tuya.
Si no es así, puedes mandarme un mail con el modelo de plantilla que usas y te indicaré los cambios necesarios...
De todos modos, si has logrado poner la columna nueva, quizás lo de que no te salga al otro lado, sea porque no le has cambiado el "float", fijate que la nueva ha de tener el float al contrario que la que ya hay, o sea, si la que tienes lleva "float: left" a la nueva hay que ponerle "float: rigth" y viceversa.

Sunne

Blogger Template Style
* Name: Snapshot: Tequila


. he probado otro modelo que tienes y si que me sale pero ese modelo no me gusta...

Anónimo

OK sunne, en breve me pongo con ello... Gracias! :)

Perinqué

Genial! Me ha quedado muy bien! me hacía falta porque se me hacía la página muy larga de la cantidad de cosas que tenía en una sidebar.Añadiéndole se comparte y queda más bonito el blog.¡Muchas gracias Rosa!

Fernando

ya lo hice. y se ve bien, solo tengo una duda.
como amplio la parte central, donde estan las entradas?

Martín L.

Yo logré añadir la segunda sidebar, pero me quedaron las dos a la derecha, con el texto a la izquierda. ¿Cómo hago para que el texto esté en el medio?
Saludos

Martín L.

Recién leí tu respuesta al comentario de Sunne, que tenía un problema similar al mío, pero mi plantilla es Mínima, por eso me parece raro.
Saludos

Martín L.

No hace falta que respondas el comentario, ya descubrí cómo solucionarlo por mi cuenta. Muchas gracias

Oscar Herrero

Consegui poner una segunda sidebar... y se ve bien... aunque un poco pobre porque tengo que añadirle cosas, etc.

Pero ahora me gustaría cambiarle los colores de fondo, letras, titulos etc..., pero nome aparecía en fuentes y colores,... por lo que lo intente por el camino fácil... y copie los datos de la otra side bar y los duplique, cambiandoles de nombre a la nueva como newsidebar...

Ahora me aparecen en fuentes y colores, pero no se modifican... que he hecho mal o que me falta hacer...

Y otra cosa... modifique los iconos flotantes del lateral... para que salieran con borde y lo que consegui en que salieran separados entre si (el efecto es el mismo, así que me da igual), el problema es que se pusieron en horizontal y yo los quiero en vertical... como volverlos.

Gracias de antemano

Oscar Herrero

ya conseguí cambiar los colores... ahora me falta verticalizar los iconos

Anónimo

Woper, añade el borde en esta parte del menú:

#MenuIcon img{
border:1px solid #e7e7ff;
margin-bottom: -3px;
}

Cambia el color por el que quieras.

pitima

Rooosaaaaa.. socorroooo.
Lo he intentado, poner la sidebar a la izquierda, con plantilla mínima, pero lo he desbaratado todo, me quedó por arriba y no conseguí cambiarla de ahí.
Hice copia de seguridad, pero cuando quise subírmela me quedó el encabezado todo descentrado, la foto del fondo no sale como antes.. No entiendo nada.
Hasta ahora me he valido de tus consejos yo solita y ha ido bien, pero hoy.... aisss. ¿podrías ayudarme?. Gracias.

Anónimo

Pitima, yo veo bien tu blog, con dos columnas, pero bien...¿lo has podido arreglar?

pitima

Sí, bueno, al final he optado por añadir una imagen en vez del título, y me quedó centradito, pero no pude arreglar los márgenes (supongo que me lié un poquito), así que tiré por una solución alternativa.
Lo de añadir la sidebar lo dejaré para intentarlo de nuevo con mas calma.
Gracias por pasarte a ver...
Ya te contaré cuando pueda ponerme con ello.
Sólo una preguntita ¿se te ocurre por qué al intentar añadir la sidebar siguiendo tus pasos se me queda colocada arriba debajo del encabezado??, ¿se soluciona fácil?
Gracias otra vez. (Que paciencia debes tener...)

Anónimo

pitima, si, tengo esa ¿virtud? son muy paciente, aunque eso no quita que me "desespere" fácilmente je,je.

Estoy casi segura que el problema ha sido que no has colocado el código para mostrar la sidebar en el sitio correcto, es bastante probable que lo hayas puesto antes de header-wrapper.

Unknown

Impresionante la labor desinteresada que hacer por todos los que cómo yo, somos autenticos negados para esto de la informática. Muchas gracias y sigue adelante que merece la pena. Saludos

Anónimo

lestat, está claro que merece la pena, aunque solo sea por leer comentarios como el tuyo. :-)

silviadm

Rogaría información acerca de como poder solucionar problema con nueva sidebar. Ha aparecido correctamente la nueva sidebar pero no quedan a la misma altura con respecto a la columna central de entradas quedan una vez finalizada esta.

Gracias y saludos.

Anónimo

silviadm , eso es porque la sidebar no tiene suficiente espacio, reduce en #main-wrapper{ el width a unos pixeles menos, para hacerle sitio, o en su defecto, ensancha el #outer-wrapper

Abuela Beauty

Hola Rosa.. estuve tratando de agregar una sidebar a mi blog. Lo conseguí, pero una de ells me queda desplazada hacia abajo... Ya modifique el width de todas las columnas..pero no consigo que se desplace hacia arriba..
Me darias una manito? gracias!!
http://kruchowski.blogspot.com

Anónimo

Silvia, no solo se te va una sidebar hacia abajo,sino que el resto del blog se va hacia la izquierda...algo has hecho mal...te recomiendo volver a seguir los pasos otra vez, ha de salir bien, ya que tu plantilla es la mínima, o sea, la misma del ejemplo...

fotos de núria

No quiero ser pesada Rosa, pero no sabía donde dejarte el mensaje, he estado mirando en Plantillas para ver tus consejos y algunos cambios en ellas, como puedo saber que plantilla tengo? y si se puede poner algo en el lado derecho para descargar el izquierdo. gracias

Anónimo

Nuria, tu plantilla es una Dots, más concretamente la Docs Dark.

Los modelos y nombres de las plantillas que Blogger proporciona, pueden verse pinchando en nuestro panel en el enlace que dice "Seleccionar plantilla nueva".

felipoween

hola rosa!!!!!! cuanto tiempo jejejje por aqui me tienes otra vez... me puse una nueva plantilla en mi blog y le añadi una sidebar a la izquierda y con el mozilla me abre bien, pero con el explorer no,las entradas y la sidebar derecha se queda abajo al final de la sidebar nueva.... he probado todo y no hay manera igual es problema de explorer..ya no se que hacer a si que la dejare como esta...si sabes algo te agradeceria que me lo dijeras.. gracias y un saludo......

Anónimo

felipoween, hola y bienvenido de nuevo :D

Mira, me he copiado tu código CSS y he cargado una plantilla con ese código en un blog de pruebas, o sea, me he hecho una especie de copia de tu plantilla...
El caso es que la tuya no se ve correctamente en IExplorer, pero la mía si, así que no me queda más que pensar que es algo que está mal dentro de alguna entrada o en la sidebar, pero que problema de "estructura" no es...

Anónimo

Hola Rosa
Necesito tu ayuda para agregar una sidebar en la plantilla Stretch Denim.
Ya e intentado mil veces agregarla para no molestarte, pero nunca me queda bien :-)
Saludos.
Sofía

PD:Pongo mi contraseña de blogger y no lo acepta, por eso te escribo como anónima.

Anónimo

Sofía, deja la dirección de tu blog y también si es que la nueva sidebar va a ir junto a la otra o una a cada lado.

Anónimo

La dirección del blog que quiero añadir la sidebar es http://juegote.blogspot.com , no tiene casi nada porque recién lo estoy armando.
Me gustaría que estén una a cada lado.
Rosa, dice mi esposo que cuando vengas a Uruguay estas invitada con un asado :-)
Saludos.

Anónimo

Sofía, ve al panel de Blogger y en la parte de edición html (donde se ve todo el código de la plantilla) buscas esto:

#main-wrapper {
margin-$startSide: 1%;
width: 64%;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-$endSide: 1%;
width: 29%;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}

Tienes que sustituir todo ese código completo, por este otro:
#main-wrapper {
margin-$startSide: 1%;
width: 55%;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-$endSide: 1%;
width: 20%;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
#newsidebar-wrapper {
margin-left: 10px;
margin-$endSide: 1%;
width: 20%;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}

Ahora ve hacia abajo, hasta que veas esta línea:
<div id='main-wrapper'>

Justo sobre ella pegas este código:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>

Usa la vista previa y si ya están las dos columnas a cada lado y todo parece correcto, guardas los cambios.

Google

Eres mi ídola Rosa.
Muchísimas gracias.

Anónimo

Sofía, no ha sido nada, je,je, te ha quedado perfecto.

Dile a tu esposo que me "debe" el asado :D

Jaaziel

Ahora, ya solo tengo una duda ;)
He puesto las dos sidebars a la derecha,
tiene el "float: $endSide;", y lo he puesto así en ambas.
Se como modular el espacio entre la principal y las sidebars, pero ¿Como hago para separar un poco las dos sidebars? Estan como muy juntas.
Gracias de nuevo

Anónimo

Jaaziel, añade un padding-right en newsidebar, pero no demasiado o podría "caerse" la otra hacia abajo, si eso pasara, reduce el ancho de las entradas (main) o de una de las sidebar tanto como aumentas en el padding:

#newsidebar-wrapper {
width: 200px;
float: right;
padding-right:10px;
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 */
}

Jaaziel

Gracias por todo Rosa,
añadí un padding-left ;)
Ya pase todo al nuevo formato
Bsos

Anónimo

Rosa, perdona que siga "abusando"
Tengo muchos widgets en los sidebars, y me gusta.
Pero ¿hay alguna forma de inducir que se cargue primero el "main-wrapper" y luego los sidebars?
De hecho, me carga primero el "newsidebar" (el menos importante) y después de ello el main y el primer sidebar en bloque ¿Será evitable?

Anónimo

Jaaziel, el blog se va cargando según el código de cada parte esté colocado en la plantilla.
En tu caso, lo primero que aparece es la newsidebar, da la casualidad que es en ella donde tienes todos los widgets externos, por asi decirlo, entonces comienza a cargarse y como esos elementos suelen demorar mas en su carga, es por eso la sensación de "parón" entre la carga de newsidebar y el resto.
Luego comienza a cargarse el main, que en tu caso es lo que está después, la impresión de que carga "en bloque" junto con la otra sidebar, es porque en esta la mayoría es texto, con lo que se carga muy rápido y hace que el tiempo de carga entre el main y la sidebar sea apaenas inapreciable, por eso parecen cargar juntas, aunque no es así.

En esta entrada explico como añadir una newsidebar, pensando en colocar una a cada lado en principio, es por eso que el código en el paso [3] digo de ponerlo antes del main, como no es tu caso, podrías ponerlo después de todo el código del main:
<div id='main-wrapper'>
aqui
el resto
del
código
</div>
O sea, después del </div> que cierra el main con lo que lo primero en cargarse sería el main.
Incluso podrías ponerlo después del código de la otra sidebar, así la carga sería:
main (entradas)- sidebar-newsidebar y creo que sería más rápida la carga total.

Espero haberme hecho entender, porque a veces yo misma me lío :D

Anónimo

Otras "mil gracias", debo llevar como 9.000 ;)
Te explicas perfecto!, ya lo arregle.

Anónimo

Hola. Soy novato en esto. He intentado añadir una sidebar pero me queda encima de las entradas. ¿Puedes ayudarme?. Gracias.

Anónimo

Juaco, en el paso 3 no coloque el código para la sidebar antes de esa línea, sino después del código del main:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

temari1201

hola tengo un problema pude colocar una sidebar pero las entradas se colocan debajo de ella, no en el medio de las dos me podrias ayudar este es mi blog es http://temari1201.blogspot.com

Anónimo

temari1201, no veo la modificación en tu blog, así que no puedo ayudarte diciéndote exactamente lo que has de cambiar.
Si puedo decirte, que cuando pasa eso es un problema de medidas, algo es más ancho de lo que debiera y al no tener espacio, se va hacia abajo.

temari1201

hola rosa no habia dejado los cambios porque en un momento se perdio mi blog pero lo eh vuelto hacer y me sigue quedando a bajo las entradas de la nueva sidebar y no encuentro margen- lef para modificar el ancho de las entradas ni de la sidebar, gracias por contestarme, htt//temari1201.blogspot.com

temari1201

hola rosa eh tratado de achicar las sidebar pero las entradas siguen abajo de la nueva sidebar, lo eh dejado tal cual como decia en los pasos pero el ultimo no lo encuentro el de margen- lef, muchas gracias por tu ayuda. chau

Anónimo

temari1201 , tu perfil no está disponible y la dirección que dejas del blog no existe...

¿Porqué no habilitas tu perfil?

temari1201

hola rosa no sabia q tenia q editar mi perfil, ya lo hice mi blog es
http://temari1201.blogspot.com/
gracias por tu ayuda

Anónimo

temari, ahora si, además através del enlace a tu perfil pueden llegarte visitas al blog...

Mira en tu plantilla sin expandir artilugios

El código para la nueva sidebar tendrá que estar antes de el otro código del main que ves, creo que no lo has colocado bien, aunque no puedo verlo exactamente desde tu código fuente:

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

Si lo tienes así, entonces van a ser esos carteles que se mueven, y que normalmente dan ese tipo de problemas en Blogger, ya que son para Spaces y su código no sirve aquí.

temari1201

gracias rosa sos una genia, te hago una pregunta mas no encuentro margen- lef como dijiste las entradas estan muy cerca de la nueva sidebar. muchas gracias por tu ayuda.

Anónimo

temari1201 , mira en la plantilla - html, y añadiendo y localiza e #main-wrapper {
justo después añades el valor para el margen:
margin-left: 20px;

Daniel Sanchez

Hola Rosa por lo ke veo este post es bastante viejo, pense ke kizas mis problemas venian porke de ese tiempo aca las plantillas han variado un poco, pero viendo el html de la plantilla ke uso veo ke es del año 2006 entonces no entiendo porke si he seguido al pie de la letra tus consejos no logro agregar una bendita sidebar extra y es ke tengo cierto temor de usar una plantilla de las ke ya traen dos pues he metido varios codigos unos vistos aki contigo y otros de vagabundia y la blogeria y no me gustaria perder "mis avances" bueno el tema es ke cada vez ke intento con esto y doy vista previa me da un error de blogger y no muestra nada, sino solo el error, me llamo la atencion ke la linea de la ke hablas al principio no la encuentro en mi plantilla sin embargo estuve analizando mi codigo y aunke no encuentro:
/* Outer-Wrapper --------------------------------- */ si encuentro:
#outer-wrapper {
y claramente ubico la sidebar la cual intente duplicar segun tus consejos y renombrar como newsidebar pero siempre termino con el error al darle vista previa, sera cuestion de la plantilla ke estoy usando? me puedes ayudar?

Anónimo

Daniel, esta entrada está hecha basandome en los códigos de la plantilla Mínima de Blogger.
Aunque puede usarse como referencia para hacerlo en otras por supuesto, pero todo depende del modelo de plantilla, si es una Thisaway o una Son of Moto por ejemplo, llevarían imágenes de fondo con lo que habría que modificar esas imágenes para hacerlo...

De todos modos, el contenido del blog (entradas y comentarios) no se pierde con el cambio de plantilla y los gadgets pueden copiarse sus contenidos para volver a colocarlos, o usar este otro sistema:
http://elescaparatederosa.blogspot.com/2008/10/cambiar-la-plantilla-sin-perder-los.html

Alex Punzón

rosa llevo bastante tiempo siguiendo tu blog, y normalmente me las apaño bien, pero tengo un problema con la sedebar de la derecha, ya que se me viene abajo y se me aliniea a la derecha de la columna del del centro.

es como si el main y la sidebar pertenecieran a la misma columna.

espero ayuda gracias

por cierto soy seguidr del blog

este es mi blog http://tertuliadesabios.blogspot.com/

Anónimo

Alexpunzi , el ancho de tu blog es de 1100px, el contenido no puede sobrepasar esa cifra, es decir, la suma de los anchos de las dos sidebar mas las entradas, más la suma de los espacios ocupados por los margenes.
En tu caso creo que o lo superas o está muy al límite, así que tendrás que reducir alguna de las cosas. Por ejemplo cada sidebar en 10px, o el cuerpo de entradas un poco...ve usando vista previa hasta que veas que todo está en su lugar.

Alex Punzón

rosa no es ese el problma sino que una de las columnas se me mete encima o debajo del main wrapper...

no se que hacer te paso el codigo entero html y miras que uede pasar???

Alex Punzón

mira ahora, he empezado de nuevo con dos columnas normals, y se me sigue llendo abajo... no que que leches habrá pasao.... pierdo la paciencia, aver sime pedes ayudar por favor

Anónimo

Alexpunzi, ¿estás seguro que tienes colocado el código para la sidebar en el lugar correcto? yo creo que no...

Tiene que estar después de esto (búscalo sin expandir artilugios):
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

Y el código de la sidebar que ha de estar a continuación, será algo como esto:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive2' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
<b:widget id='HTML2' locked='false' title='Ultimas opiniones' type='HTML'/>
</b:section>
</div>

Por tu código fuente me da la impresión que está bastante más abajo colocado.

Alex Punzón

rosa lo e probado y sigue igual... no se que puede pasar estoy desesperado!!!

te dejo mi mail/msn.... y aunque sea mandeme tu tu correo para que me lo puedasarreglar..

porfavor, gracias

Alex Punzón

alexpunzi10@hotmail.com

Anónimo

Alexpunzi, mándame la plantilla por email.

ajcruzgarcia

Matame Rosa Matame!! :((
te he mandado un correo ya que he adjuntado algunas capturas para facilitartelo (que menos)
Necesito tu ayuda, otra vez :o jajajaja
tranquila respondeme cuando puedas y si te es muy complicado o algo pues lo dejo con 1sidebar y punto no? jajaja
Gracias por Todo Rosa! :D
Salu2 ;)

marta_tururu

Me ha desaparecido la columna lateral !! arggg No se que es lo que he hecho pero no soy capaz de devolver la columna a su sitio. Ahora está debajo de las entradas. Rosa plis!! plis!! cómo lo soluciono?

Este es el blog http://decoinspiracion.blogspot.com por si lo quieres ver.

Un saludete

marta_tururu

ahh si necesitas que te envíe algo dímelo. Es mi primer comentario en el blog y no se cómo va jejeje :D

Anónimo

Tururu Las medidas están bien, así que es algo que has colocado en la sidebar...intenta recordar que colocaste la última vez que el blog se veía bien y retiralo.

marta_tururu

Gracias Rosa!!!!!! ya está solucionado!! muuuacks

Manuel Alberto

Hola Rosa, intente agregar otro sidebar a un blog de prueba y luego de aplicar el procedimiento explicado, el mismo me muestra la columna de entradas separada de la sidebar derecha; la segunda sidebar no dá señales de vida...
Leyendo el código de la plantilla (minima dark), encuentro que en #main-wrapper aparece float: $startSide;
Será esto el motivo del problema.
Mi intención es llegar a aplicar el segundo sidebar a mi blog,
AvibertSaludos y gracias por tu atención.

Manuel Alberto

El blog de prueba está en este momento mostrando ese problema, Manfenix.

Manuel Alberto

Por otro lado, en la parte de diseño aparecen el bloque de entradas alineado a la izquierda, un bloque de gadgets en el centro y el sidebar original alineado a la derecha.:S

Anónimo

Manfenix Si sigues las instrucciones de esta entrada en una Mínima sea Block o White no tienes porque tener ningún problema...Al final de la entrada hay una nota que explica las equivalencias de los float en las nuevas plantillas.

Mejor en Edición de HTML pincha en "Restablecer plantillas de artilugios a los valores predeterminados" para deshacer todos los cambios que has hecho, y vuelve a hacerlo de nuevo con más calma y siguiendo al paso las instrucciones de la entrada.

Manuel Alberto

Seguiré tu consejos Rosa, gracias por tu ayuda.
Hasta pronto.

Munchi

Hola Rosa!

Lo primero, mil gracias por todo, mi blog tiene desde hace nada una nueva sidebar gracias a ti :)

El problema ha surgido hoy: he ido a cambiar la imagen de la cabecera por otra distinta y, aunque es del mismo tamaño que la anterior, como ves, queda más pequeña y la sidebar de la izquierda se sale. He repasado las medidas de todo y me parece que está bien así que no sé porque falla...por favor, podrías echarle un vistazo?

http://munchi-mun.blogspot.com/

Muchísimas gracias!!

Anónimo

Munchi Gracias :D

Creo que el problema está en el header, aquí:

#header {
margin: 40px;
border: 0;
text-align: center;
color:#666666;
}

En el margin, como mucho debería haber 5px, e incluso 0 auto

Es decir, así:
#header {
margin: 5px;
border: 0;
text-align: center;
color:#666666;
}

o así:
#header {
margin: 0 auto;
border: 0;
text-align: center;
color:#666666;
}

Usa vista previa y mira que opción se ajusta mejor, si es que estoy en lo cierto, claro :S

Munchi

Exacto! Muchas gracias :D
Te dejo aquí otra dudilla, a ver si se te ocurre cómo hacerlo: como has visto, a cada sección de links de la sidebar de la derecha le he añadido una pequeña cabecera con el nombre para ir modificando el diseño a mi gusto. Pero la he añadido como un gadget (imagen) aparte y no sé si hay algún modo de meterla dentro del linklist de manera que pueda modificar el espacio entre la cabecera y la lista (hacerlo más pequeño) pero no modificar el espacio entre los gadgets :S (no se si me he explicado muy bien...).

De todas formas tal cual lo tengo ahora funciona, así que cuando tengas un rato libre y te apetezca, no me corre prisa :)

Gracias de nuevo!!

Manuel Alberto

Hola Rosa,he logrado insertar la segunda sidebar a mi plantilla mínima.
Mi error estaba en pegar el código correspondiente despues de
"div id='main-wrapper'". Al hacerlo antes la segunda sidebar quedó
perfectamente ubicada en la plantilla. Ahora intento insertar en esta
sidebar animación flash o gif animados. Me puedes dar alguna sugerencia?.
Gracias por todo. Saludos
Mi blog de prueba: Texto enlace

Manuel Alberto

Mi blog de prueba
Manfenix

Anónimo

Munchi Marcas expandir las plantillas de artilugios en Edición HTML y localizas cada gadget. Cada uno de ellos empieza con una línea más o menos como esta:
<b:widget id='HTML13' locked='false' title='' type='HTML'>

Y un poco más abajo está la parte que corresponde a su título:
<h2 class='title'><data:title/></h2>

Tendrías que sustituir ese código del título, por la url de la imagen <img src="url de la imagen"/>

Eso para cada gadget.
Espero que lo hayas entendido más o menos :S yo creo que para empezar a probar si ¿no? :D

Anónimo

Manfenix Para insertar gif animados tienes que subirlos antes a un alojamiento de imágenes y luego usar su url en un gadget HTML porque si los subes directamente a un gadget imagen de Blogger, pierden el movimiento.

Manuel Alberto

Perdón otra consulta, he intentado insertar un archivo flash creado por mi, lo he alojado en un servidor de imágenes, y pegado la url en un gadget de html, pero al ejecutarlo me envía al sitio que aloja la pelicula flash. No se puede lograr que la animación se reproduzca en el gadget de la sidebar?

Anónimo

Manfenix Sobre manejar flash y eso...ni idea :$
Lo único que puedo ofrecerte es esta entrada a ver si te sirve:
http://elescaparatederosa.blogspot.com/2007/10/colocar-un-banner-o-imagen-flash-en-el.html

Manuel Alberto

Hola Rosa, te invito a visitar mi blog, para que veas como quedó la segunda sidebar y algunos truquillos que encontré en tu blog. Sin tu ayuda habría tardado un segundo de año luz, que no es poco...no???..jajaj.
Gracias, Avibert

Manuel Alberto

Ahora comenzaré a experimentar con el crosscol y el color de fondo de la plantilla.
Saludos y hasta el próximo tropezón que tenga, para recurrir nuevamente a tus fuentes....

registromundo

hola Rosa en el caso d ela plantilla rounders no logre hacerlo. Me ayudarias??
saludos
Gal

Anónimo

Manfenix Me alegro que todo te esté saliendo tan bien. ¡Gracias a ti! :D

Anónimo

GAL Veo que no has buscado lo suficiente...

http://elescaparatederosa.blogspot.com/2007/06/rounders3-aadir-sidebar.html

registromundo

gracias Rosa, por tus respuestas
saludos
Gal

Munchi

Hola de nuevo, Rosa! He estado muy desconectada...he probado lo de las imágenes y no funciona (te pregunté como añadir imágenes dentro de los gadgets para tener el título dentro de cada sección), pero la verdad es que tampoco he tenido tiempo de mirarlo detenidamente, así que voy a darle un par de vueltas más y si veo que no, volveré en tu busca! Era sólo dcirte que lo leí, y que estoy en ello, muchas gracias :D

Peyote

Hola rosa, ya lo probe y si funciono, pero el sidebar del lado izquierdo quedo muy pegado a la entrada
Cheklo
Fumadas con pastoQue puedo hacer para que quede a la misma distancia que el de la derecha

Anónimo

Pyot Localiza esto:
#main-wrapper {

Y justo debajo de esa línea añade:

padding-left: 20px;

Peyote

Mil gracias Rosa, eres un angel, que haria sin ti? No mucho, te lo aseguro.

Anónimo

PyoT Gracias! Pero no te des tan poco valor...has hecho mucho sin pedir apenas ayuda :D

Grupo Cristal

Hola Rosa quisiera que me ayudaras quiero saber si hay posibilidad en reducir o en juntar mas el menú de mi blog con un digamos...un segundo menú...uy! es difisil explicarte lo que quiero es juntar (SITIOS DE INTERÉS) que se encuentra en mi menu con (ESCUCHANOS A TRAVÉS DE WINAMP).lo que quiereo es juntarlo mas que no tenga separacion.espero que me entiendas..,Saludos cristalfm1079.blogspot.com

Anónimo

CRISTAL FM 107.9 El primer menú lo tienes añadido directamente en la plantilla y el segundo en un gadget de imagen...la distancia que queda son los margenes del gadget...

Tendrías que colocar directamente el código de la imagen con su enlace en el mismo menú.

Airi-chan

hi!!
gracias por el tutorial! me ha salido a la primera ! lo has exlicado muy bien!

Administrador

bueno no me salio del todo pero no se si por mi diseño que tengo sea conveniente agregar otra side bar, ustedes diganme

http://detodoparatuvida.blogspot.com/

El Mike

Que tal no me salio o no le entendi :o. Te mando mi plantilla para que me puedas apoyar muchas gracias y saludos.

Anónimo

El Chueco No recibo ninguna plantilla que yo no haya solicitado antes...
Si lo que quieres es que yo te coloque el código para la nueva sidebar, no voy a hacerlo, te ayudaré si me comentas que ha salido mal en tus pruebas en lo que pueda, pero otra cosa es hacerlo por ti... si lo hiciese con todos no tendría tiempo ni para respirar :S

El Mike

Despues de mucho rato(2 horas) ya le entendi:).
Disculpame si te moleste:(.Tienes mucha razon.
Una disculpa un saludos y besos.
Gracias:D

El Mike

hola que tal yo otra vez el detalle ahora es que me queda el sidebar encimado de lo demas.
se ve feo
Ayudadme gracias.

Anónimo

El Chueco Eso ya es tema de la imagen de fondo... tendrías que usar otra o no usarla.
Esa plantilla siempre ha dado problemas de todo tipo porque no está diseñada correctamente.

Gaston

Rosa! ayudame, agregue la sidebar nueva..
pero en el firefox se ve arriba de las notas y en el explorer se ve bien... segui todo paso a paso..
http://lo-unico-que-faltaba.blogspot.com

Anónimo

Gaston No puedo ver demasiado a través dl código fuente, pero por lo que observo en Firefox, la nueva sidebar está dentro de la sección del crosscol... revisa los pasos de colocación del html, no está bien colocado ahí.

Gaston

ya lo resolvi!!!

IMPRESIONANTE EL BLOG!!!

Anónimo

Gaston En Firefox aún no se ve correctamente... dime ¿a qué lado quieres la sidebar nueva?

La Red En Tus Manos

Hola rosa!!!
hace mucho que sigo tu blog de echo el todo lo que tienen mis dos blog lo e echo gracias a ti
mi problema es que e conseguido poner los dos sidebar pero las entradas del blog se quedan un poco pegadas a la izquierda
como puedo solucionar eso??
muchas gracias de antemano y decirte que gracias a ti los blogs que hay por internet son mucho mas profesionales

Anónimo

El que controla Prueba aumentando algo en #main-wrapper { el valor de margin-left: 20px;
Solo lo justo, o podrías "tirar" la sidebar.

La Red En Tus Manos

muchas gracias!!!!!
lo e aumentado a 30px i se a quedado perfecto, lo que me gustaria es centrar el titulo de las entradas creo que quedaria muy bien en mi blog
gracias de nuevo....XD

Anónimo

El Que Controla Tu Mano Localiza esto:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.9em;
color:#66B5FF;
}
Añade antes de la última llave de cierre } esta línea:
text-align: center;

La Red En Tus Manos

Muchisimas gracias!!!!!
Creo que de momento ya lo tengo todo, gracias por tu tiempo.

inhandsofgod

hola amigo, esta muy buena la forma para crear la otra sidebar... pero tengo un pequeño problema.. cuando la pongo en vista previa, me aparece como si estuviera pegada al main.. osea al lugar de las entradas.. como si estuviese en el main.. :S
por favor si puedes ayudarme te agradezco, en lo posible responder en mi correo.. mega_godoke@hotmail.com

un saludo y muchas gracias :D

Anónimo

inhandsofgod No envío correos, solo respondo a los que me envían antes...

Thesystemdark

hola...desearia que me ayudaras con esto!!
puse la sidebar...he ise todo lo que dijiste..pero me pasa lo sgte!!

te dejo estas imagenes!!

http://img35.imageshack.us/img35/8151/problemaconsidebarplant.png

http://img17.imageshack.us/img17/7770/dibujojy.png

espero que me ayudes lo antes posible!!

Anónimo

thesystemdark Lo primero...mis "trucos" son siempre para las plantillas de Blogger originales, así que cuando no lo son como es tu caso, siempre hay cosas que cambian...

Mueve el código de la nueva sidebar, de donde lo has puesto a debajo de esto en lugar de encima:

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

Thesystemdark

:(:(:(
no funciono!!
creo que me daré por vencido con esta plantilla y buscaré otra...:(

que plantillas me recomendarías con dos sidebar?? con una a cada lado del texto y que se paresca a la anterior??
conoces alguna??

que pena que no alla servido!!

Anónimo

thesystemdark Pues he visto unamuy parecida a esa en BTemplates, con tres columnas, siento no poder decirte como se llama y eso...pero mira allí que hay muchas y muy lindas:
http://btemplates.com/

Ogni

Hola Rosa, primero de todo gracias por todo.
He probado lo que comentabas y casi lo tengo listo. El problema es que las entradas me quedan a la izquierda y no centradas. te dejo las cabeceras a ver que me dices:

#main-wrapper {
margin-left: 20px;
width: 500px;
float: $startSide;
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: 220px;
float: $startSide;
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 */
}
#newsidebar-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 */
}

Anónimo

Domingo Prueba lo que explico en el comentario número 53

··¤(`×[¤ -LuN4T1K4- ¤]×´)¤··

Hola rosa gracias por el aporte pero tengo una pregunta mi plantilla es asi :

sidebar normal
=========
Sidebar doble
=== ===
=== ===

me gustaria agregarle una tercera sidebar justo abajo de la doble
quedaria asi :

sidebar normal
=========
Sidebar doble
=== ===
=== ===
Sidebar normal
=========

no se si se ve el ejemplox D
me podrias ayudar en eso te lo agradeceria mucho ;)

Anónimo

-Lunatika- Tu plantilla no es de Blogger original y ahora mismo no dispongo del tiempo necesario para mirar eso, tengo muchas consultas respecto a las de Blogger y ya que mi blog es precisamente para estas, prefiero centrarme en ellas... solo atiendo este tipo de pedidos cuando voy "ligera" de consultas sobre las originales de Blogger, lo siento.

Roberto Sanz

Buenas noches Rosa:

Tengo un problemita con poner la segunda sidebar al lado izquierdo con la platilla Minima Black.
Resulta que a mi me sale la newsidebar encima de las entradas del blog y no se como solucionarlo para que se quede como en tres columnas => newsidebar | entradas blog | sidebar
Si me podieras ayudar te lo agradeceria Rosa. El blog es el de Chat Noesis
Gracias anticipadas.

Anónimo

Roberto Sanz En los comentarios anteriores de la entrada, hay varios problemas resueltos... revisalos.

Kuro_taro

Hola Rosa, nose si me podrias ayudar, quiero agregar una sidebar, pero yo tengo una plantilla Dots Dark, y las cosas como que cambian un poco, porfa:S

Anónimo

Kuro_taro No tengo tiempo para ayudar a nadie de forma individual en algo como eso... imagina que cada uno me pidiese eso mismo... hay cientos de plantillas distintas...

Si la tuya es Dot Dark, fijándote un poco puedes lograrlo siguiendo los pasos de esta entrada... esta basada en la plantilla Mínima y no hay demasiada diferencia con esa tuya...

Kuro_taro

Hola
Gracias Rosa por contestar, bueno ensí mi problema se basa en que cuando termino todo, no puedo agregar un gadget en la nueva sidebar... Bueno de todos modos muchas gracias por la atencion... Bye

La hormiguita

Es domingo y aqui en buenos aires hace tanto calor, que lo mejor es adelantar con el blog :)
Rosa, he duplicado la sidebar sin problemas, pero cuando le pongo las imágenes, se me descentran, en ambos lados y no se como hacer o donde arreglarlo te paso el blog http://trasnsportesluna.blogspot.com/ eres usuaria.
Otra pregunta, cual es le tamaño del gadget a lo largo, si quiero hacer un gadget con una foto mas larga que me ocupe mas espacio hacia abajo?
Trate de ponerte como administradora, por si tienes que ver algo mas.
Espero encuentres la solucion , como siempre....muchisimas gracias por todo.
Cariños.

Anónimo

La hormiguita Los gadgets al menos en las plantillas originales de Blogger no tienen altura limitada, pongas lo que pongas se "estirarán" a esa medida.

En cuanto a lo de las imágenes no he podido ver nada, ya que me has enviado invitación como autor lo que no me permite el acceso al diseño, solo a publicar entradas.

La hormiguita

Hola Rosa, perdón por no contestar antes, pero me quede sin Internet y sin teléfono toda la semana, por suerte ya me lo arreglaron :) No se bien como funciona, yo te puse como los dos, como usuaria con lo cual deberías ver el diseño, pero igual ese problema lo solucioné, no se por que cuando cargo la foto en el gadget me la reduce y quedaba al margen izquierdo, para ello las subí al post que tengo de mis imagenes e hice que mantengan su tamaño original y así funciona bien, hay mucha separación entre los gadget, pero como todavía no tengo definida bien la página de inicio.. por ahora lo dejo así.
muchisimas gracias!!!!!
Cariños :)

Anónimo

La hormiguita Me imaginaba que ese era el problema con las imágenes... si, el gadget de imágenes las reduce y, a veces, aunque no marques esa opción lo hace de igual manera...
Bien, me alegro todo esté más o menos como quieres ;)

La hormiguita

Bueno aqui nuevamente.... ya mas o menos definí la página de inicio, pero tengo entre los gadget de las sidebar un punteado rojo que me gustaria sacar y tambien al final del post, busque algún post sobre el tema pero no pude encontrarlo, si hay alguno, me lo podrías indicar?
Otro tema es que cuando escribo un post y luego lo edito el texto queda muy al borde , en el editor no se ve así pero luego al publicarlo, queda muy pegado, casi siempre le pongo blockote, no hay otra forma????
Mil gracias, por todo, Cariños.
:D

Anónimo

La hormiguita Localiza esto en la plantilla:
.sidebar .widget, .main .widget {
border-bottom:1px dotted #cc0000;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Cambia el 1px por 0px

Y haces lo mismo aquí:
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #cc0000;
padding-bottom:1.5em;
}

Para separar el texto del borde de las entradas, localizas esto:
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
Y añades lo que ves en negrita:
.post-body {
margin:0 0 .75em;
line-height:1.6em;
padding-left: 10px;
padding-right: 10px;

}

La hormiguita

Maravilloso!!!!! muchísimas gracias!!!! un millón de gracias!!!!
Lo único que me falta es que me queda un espacio entre el footer y el post y las sidebar, donde se encuentra ese espacio, quiero que quede pegado.
:D

La hormiguita

No era lo último :), me es imposible manejar el tamaño de la entrada, quiero que quede en una misma linea que los sidebar, que debería hacer? se pone algún div envuelva todo, se la da un alto a la entrada? en este caso en la sidebar son imagenes y se la medida pero en otro caso puedo no saberlo...
Muchas gracias nuevamente ;D

Anónimo

La hormiguita Entiendo que quieras darle al blog un aspecto de página web, pero has de entender que precisamente por eso se llama blog y no web...
El contenido de las entradas y de la sidebar es flexible... es decir, "estira" según lo que coloques en su interior, así que para controlar el que ambas estén a la misma altura hay que ir tratando de hacerlo a "ojo", metiendo algo en la sidebar por ejemplo hasta que coincida con la entrada.

También podrías usar CSS, pero que da algún que otro problema de visualización del blog en páginas interiores:
http://vagabundia.blogspot.com/2008/11/modificando-las-plantillas-tutorial-5.html

La hormiguita

Perdón, perdón...ya encontré la solución, me fui a post body y le puse altura y ya quedó, gracias a que ayer me enseñaste a poner el padding, voy descubriendo todo de a poco :). Gracias Rosa.
falta sacar el espacio del footer... eso si no se donde está...

La hormiguita

Muchas gracias Rosa, lo tendré en cuenta,en este caso se la medida... y el problema es la entrada, la ajusto y queda y al rato miro de vuelta y está desfasada, pero bueno, como dices es un blog.. así que veo si hago las sidebar un poco mas cortas y que queden como en el dibujo de vagabundía.. y no importará tanto el largo de la entrada.. mil gracias, igual de estas cosas es cuando mas se aprende.
cariños :D

Darío

Como siempre mil gracias Rosa !!!

Tempi

¡Hola Rosa!

Después de seguir los pasos el resultado es que en diseño> elementos de la página, aunque si que sale una nueva sidebar, no puedo añadirle elementos. Además el contenedor principal queda desplazado hacia la izquierda, y por supuesto de la nueva sidebar ni rastro.

He visto que alguien tuvo el mismo problema que yo, que el contenedor principal le quedaba hacia la izquierda, pero aún comprobando que todo estaba como le decías a él que tenía que estar, nada.

¿Podrías ayudarme cuando sea posible? De momento vuelvo a colocar mi plantilla original porque si no el blog está hecho un desastre.

Muchas gracias por tu ayuda, si ella nuestros blogs no mejorarían ni a la de tres. :)

Rosa

Tempe Si lo haces tal cual siempre en una plantilla de Blogger sin modificar, yo te aseguro que queda perfecto... otra cosa es si pretendes hacerlo en una plantilla con imágenes de fondo y demás añadidas...

Tempi

Brufff, tenía imágenes de fondo, pero las quité antes de empezar. De acuerdo, entonces probaré otra vez a ver qué pasa, seguramente estoy haciendo algo mal y no me doy cuenta por mucho que lo repase todo. Ya volveré, tanto si da resultado como si no. ¡Gracias Rosa! ;)

Tempi

Ouch! Ya sé qué es lo que hacía mal. Anoche estaba taaan cansada que no me dí cuenta de que en el último paso, decías que colocásemos el código SOBRE la línea tal. Yo no paraba de poner el código debajo de la línea en cuestión.

Anda que... semejante detallito, solo una palabra me ha dado este cacao. Eso me pasa por ponerme a hacer ocsas importantes a horas en las que debería estar ya dormida.

Anónimo

Tempe A veces pasa eso si... nos obcecamos y nos cuesta ver el error... a mi me sucede muy a menudo :S

V *

Hola Rosa! he hecho todo lo qe has indicado pero por alguna razón la sidebar original me qeda más abajo qe la nueva y el cuerpo central ¿me puedes ayudar por favor?
Besos.

Rosa

V * Es imposible lo hayas hecho como indico... no hay espacio para contener las dos sidebar y las entradas, o sea, algo se te ha pasado o no has hecho bien... revisalo.

La Casa de Cartoon

Hola Rosa. Tengo un problema. Agregue la sidebar nueva, y en configuracion de diseño se ve perfectamente, pero una vez que movi los objetos ahi, ya no puedo volver a moverlos. Es como si esa sidebar estuviese pero no este habilitado algo para que pueda editarla, ya que tampoco puedo clickear en donde dice "añadir un nuevo gadget" cual podria ser mi problema? Gracias de antemano!

Anónimo

La Casa de Cartoon Ni idea :S... primera vez alguien me dice se presenta este problema... yo revisaría si todo está correctamente colocado...

La Casa de Cartoon

Rosa, si, no hice nada diferente. Lo que pasa que esta es una plantilla reformada que consegui, pero de todas formas basada en la plantilla basica (creo). Es mas, lo hice y lo rehice varias veces pero me sigue pasando lo mismo, la sidebar nueva esta completamente inutilizable.

Saludos y gracias igualmente.

Anónimo

La Casa de Cartoon Mis explicaciones son siempre para las originales... aún basadas en una de Blogger quien las diseña puede hacer importantes cambios en el código...

La Casa de Cartoon

Claro, pero yo supuse que, como todo lo que tenia que hacer era copiar los codigos de la otra sidebar y repetirlos con un nuevo nombre (newsidebar) todo deberia funcionar normalmente sea la plantilla que sea, pero no, la sidebar aparece en la configuracion del diseño pero sin poder hacer nada en ella...

Anónimo

La Casa de Cartoon No solo es eso, también habría que aumentar el ancho del cuerpo y quizá algo más... en esa plantilla el resultado no será el deseado mientras no se modifique la imagen que te dije de fondo... cualquier cosa que hagas en ella que afecte a sus medidas originales, llevará implícito e¡la modificación de esa imagen en primer lugar.

Somos Local

hola como andas yo probe pero no me quedo biem la plantilla la sidebar existente se me corrio hacia abajo porque puede ser ? me gustaria que vieras mi blog gracias

Rosa

Somos Locales Eso es porque no hay espacio suficiente para las dos... la suma total del ancho de las sidebars y del main ha de ser algo menor que el del outre-wrapper.

Pame

¡Hola querida Rosa! Aquí vuelvo yo molestando de nuevo :$ . Bueno queria decirte primero que has hecho un maravilloso trabajo en esta entrada, tengo mi nuevo sidebar y todo funciona super bien :D , le he hecho algunos cambios en las medidas y ahora se ve muy lindo mi blog.

Pero ahora el caso es que no puedo agregar gadgets debajo de main-warpper y aunque los arrastro desde otra columna, al darle guardar cambios nada aparece, no creo que sea por las medidas y por los gadget son apenas dos: una imagen y LinkWhit. He buscado pero nada se asemeja al tema, ¿Me podrías ayudar con este pequeño problema?

Cualquier cosa mi blog es: www.historias-pame.blogspot.com

Pame

¡Hola Rosa! Pasaba para decirte que no hay nesecidad de que respondas el comentario anterior ya lo he arreglado.

Anónimo

Pame Me alegro!! :D

Hermy

Hola Rosa! Tengo un problema. He añadido la nueva sidebar, y en blog todo se ve bien, pero ahora en la sidebar de la derecha los gadgets que agrego, cuando estoy en Diseño>Elementos de página, me aparecen de color gris y estirados hasta llegar hasta la parte izquierda, por lo que se superponen encima de las entradas y de la sidebar izquierda. Esto solo aparece en Elementos de página, ya que con el Blog normal todo se ve normal y funciona bien.
Pero cuando añado un nuevo gadget al sidebar de la derecha, el nuevo me aparece debajo de los post y a la izquierda. Sólo me deja tener un gadget a la derecha.
Acabo de comenzar con el blog, pero ya he andado en los códigos HTML sin ningún problema, y los he revisado de arriba a abajo, y no parece que haya ningún problema.
Le he sacado dos instantáneas (aunque parezca una tontería) para que puedas ver a lo que me refiero:

http://i29.tinypic.com/20uzleb.jpg

En esta he añadido un gadget, y el de Datos personales, que pasó a quedar abajo del nuevo, se pude ver que fue para el final del blog:

http://i29.tinypic.com/35mmruh.jpg

Además, cuando estoy en el blog, las herramientas que aparecen en la esquinita del gadget para modificarlos se ven bien en la sidebar de la izquierda, pero en el gadget derecho ese icono me aparece abajo de todo del blog :(

He buscado por todos lados la solución, y he revisado los post que tienes sobre gadgets, pero no he encontrado comentarios que tuviesen el mismo problema que el mío...

Un saludo

Anónimo

Hermy Intenta colocando el código html para la nueva sidebar, después del cierre del:
<div id='main-wrapper'> es decir, del siguiente </div> que ves después de esa etiqueta...

Hermy
Este comentario ha sido eliminado por el autor.
Hermy

Pensé que sí se me había solucionado, pero no.Lo he hecho, y la nueva sidebar se me pasa al lado derecho, y las entradas al izquierdo. La primera sidebar sigue teniendo el problema del principio, sólo puedo añadir un gadget.

Hermy

¡Ya lo arreglé! Tuve que poner a cero el padding y reducir el ancho. Además le he añadido el croscoll que no tenía :):)
Gracias de todos modos

Besos

VC- Corpsegrinder

Hola, disculpa, como puedo editar el diseño del titulo de los gadgets que se encuentran por encima de las entradas, como el que dice "Visita" y abajo hay 2 banners, he intentado pero no puedo, si me dijeras como te lo agradeceria, quiero ponerle la misma imagen de fondo de titulo que en los gadgets laterales... el blog es este: http://hentaiexxxtremo.blogspot.com/
Saludos y gracias!

Anónimo

VC- Corpsegrinder Tendrías que añadir los mismos valores del CSS del título de la sidebar en los del main...
Prueba añadiendo antes de ]]></b:skin> algo así a ver:

.main .widget h2{
padding:10px 0px 6px 8px;
height:22px;
color:#fff;
font-size:15px;
width:300px;
position:relative;
font-family: Kristen ITC, Arial,Tahoma,Georgia,Century gothic, sans-serif;
font-weight:bold;
margin:7px 0px 0px 2px;
background: url(http://2.bp.blogspot.com/_P9euH0y0ajc/S60b8RHVHsI/AAAAAAAAAMw/OlgqTr5XYOw/s1600/menu.png) center no-repeat;
}

VC- Corpsegrinder

Muchisimas gracias amiga, aun habia un problema, la imagen de fondo tambien aparecia en los titulos de las entradas, pero para eso tuve que agregar la siguiente linea, y desapareció:

.title h2 {
background:none !important;
}

Muchisimas gracias en verdad, hace tiempo que visito tu blog, pero apenas ando comentando, saludos y de nuevo gracias.

Anónimo

VC- Corpsegrinder A ti las gracias!! ;)

Driwrgy

Muy completa la explicación de esta apligación, me ha recomendado este enlace Ana de viento y bambú y voy a intentar poner el truco en práctica. Probaré primero como recomiendas y si todo sale bien, me voy a mi blog, que ya tenía ganas de conseguir algo así, Muchas gracias.
Besitos.
Cris.

Anónimo

Driwrgy ¡Gracias a ti! :F

Cz

Hola ! Alguien ayudeme a agregar un sidebar a mi plantilla ;( uso la plantilla mystique, comuniquense comnigo por favor

fake.fk6@gmail.com

Mercedes

Rosa, mis respetos!! y eterno agradecimiento.
Tenía rato pensando en hacer un cambio en el blog y gracias a tus amables y detalladas explicaciones por fín! logre hacerlo.
Aqui te dejo la dirección para que evalúes los resultados http://chucheriasdemerce.blogspot.com
Reitero mi agradeciminento por este y por todos los post, por el tiempo que dedicas a ilustrarnos y por tomarte la molestia de analizar cada caso por separado.
Éxitos

Kordo

Hola de nuevo Rosa. Me gustaría probar añadir otra sidebar a ver como quedaría, pero he estado buscando y no veo los códigos que tu mencionas en esta entrada. Supongo que es por el tipo de plantilla que tengo.
Te paso una copia de la plantilla y me indicas?
Ya me dirás. Gracias de nuevo.
Saludos

Anónimo

Kordo Tu plantilla no es original de Blogger, así que no encontrarás los códigos tal cual están aquí.
De todos modos, y aunque los encontrarás, tampoco sería tan sencillo como eso, pues en tu caso, no solo habría que manejar los códigos, sino que habría que reconstruir o hacer varias imágenes nuevas... date cuenta que la sidebar, el main y varias cosas más en ella utilizan imágenes de fondo... en fin, habría casi que volver a diseñarla. Yo no puedo ayudarte con esto, lo siento.

Kordo

Ok, tranquila Rosa, ya me lo imaginaba que no sería tan sencillo como en una plantilla standard de Blogger.
Seguiré como está ahora, que de momento ya me va bien :)
Gracias por todo.
Un saludo

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S