Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





1 sept. 2008

Agregar una segunda Sidebar (columna)

Hoy les voy a explicar como hacer para tener una segunda sidebar en las plantillas Minima. Como sabrán el hecho de tener una segunda sidebar nos da la posibilidad de poder agregar mucho mas contenido sin que el largo del blog se nos haga interminable.

Como primer paso antes de hacer cualquier modificacione al codigo html de nuestra planilla recuerda hacer un backup de la misma.

Lo primero que hay que saber es que las plantillas tienen tres elementos principales:
#outer-wrapper - Define el blog entero. En la plantilla Minima sin modificar tiene un ancho de 660 px.
#main-wrapper - Define el cuerpo del blog, donde van las entradas. Ancho original de 410 px.
#sidebar-wrapper - Define la sidebar. Ancho original de 220 px.

Por tanto 410+220=630; como el ancho del blog entero es 660, less aconsejo que guarden estas proporciones: cuerpo+sidebar+30 = ancho completo.

Ahora vamos a ver los pasos a seguir, los cuales son bastante sencillos, solo hay que fijarse bien:

1.- Vamos a Plantilla/Edición de HTML y buscamos la outer-wrapper (recuerda que haciendo ctrl+f te aparece el buscador, donde simplente escribes outer-wrapper y el localiza el codigo) para modificar el ancho del blog entero. Tienes que buscar estas líneas:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
Y donde pone width: 660px; cambiarlo por la anchura total del blog, que en este caso va a ser 880.

2.- Si quieres la nueva sidebar a la izquierda del cuerpo del blog hay que añadir al cuerpo un margen a la izquierda que lo separe de la nueva sidebar. Para eso tienes que buscar las siguientes líneas:
#main-wrapper {
width: 410px;
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 */
}

Y debajo de width: 410px; añadir la siguiente línea con el margen: margin-left: 20px;

Nota: Si qieres la nueva sidebar a la derecha no hay que hacer este paso 2; luego añadiremos el margen en el paso 6.

3.- Añadimos la segunda sidebar justo debajo de la primera. Hay que buscar las líneas:

#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 */
}

Y justo debajo añadir el siguiente código:
#newsidebar-wrapper {
width: 200px;
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 */
}

Con esto la sidebar en principio quedará a la izquierda del cuerpo principal; si la quieres a la derecha luego la cambiamos en el paso 6.

4.- Para que la nueva sidebar se muestre hay que buscar las siguientes líneas:

<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

Y justo debajo añadir el siguiente código:

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>


5.- Clica sobre Vista Previa y si te aparece la segunda sidebar a la izquierda del cuerpo principal con el perfil (que hemos incluido en la segunda sidebar para comprobar que aparece) clica sobre Guardar Cambios. Para eliminar este segundo perfil, ve a Plantilla/Elementos de página (allí comprobarás que sale la opción Añadir un elemento de página a la izquierda de Entradas del blog) y elimínala. Si arrastras a la sidebar izquierda cualquier elemento de la derecha o añades uno nuevo y clicas sobre Vista Previa comprobarás que aparece a la izquierda del cuerpo principal.

6.- Si deseas la nueva sidebar a la izquierda de las entradas sáltate este paso y ve directamente al siguiente. Si la deseas a la derecha, justo al lado de la sidebar original has de buscar de nuevo el código de la nueva sidebar, que era éste:

#newsidebar-wrapper {
width: 200px;
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 */

Y hacer dos modificaciones:
- donde dice float: left; cambiarlo por right
- debajo de width: 200px; añadir una nueva línea con el margen para separarla de la sidebar original; la línea que tienes que añadir es ésta: margin-left: 20px;

Clica sobre Vista Previa y si te aparece la segunda sidebar a la derecha de la primera clica sobre Guardar Cambios.

7.- Ahora ya tenemos las 2 sidebars en nuestro blog, pero nos falta hacer que la cabecera y el footer del blog sean de la misma anchura que todo el blog. Para cambiar la anchura de la cabecera volvemos a Plantilla/Edición de HTML, expandimos artilugios y tenemos que buscar las siguientes líneas:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Donde cambiaremos width:660px; por la anchura total del blog, 880.

Y para cambiar el ancho del pie buscaremos:
/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Donde igualmente cambiaremos width:660px; por la anchura total del blog, 880.

Usamos la Vista Previa y si todo está bien guardamos cambios y ya tenemos dos sidebars!

102 comentarios :

  1. saludos

    amigo en el 4 paso yo copio el codio de bajo del otro y doy clic en vista previa pero me aparece un error...
    o hay k pegar el codigo de alguna forma ? espero su respuesta.... gracias

    ResponderEliminar
  2. Tenias razon, en el paso 4 habia un pequeño error en el código, ya lo corregi.
    Ahora simplemente copia el código DEBAJO del que te dice y listo.

    Espero que comentes tu resultado. Saludos

    ResponderEliminar
  3. aun no se puede hacer.debe seguir incorrecto

    ResponderEliminar
  4. fijate si estas haciendo todo bien, porque yo lo he hecho tal cual esta aqui en mi blogs de prueba y sale perfecto!

    ResponderEliminar
  5. arregla el formulario de comentarios, te felicito esta vez llegue a tu blog buscando algo en google!!!

    ResponderEliminar
  6. saludos

    listo todo solucionado, ya cree el sidebar...muchisimas gracias por la ayuda...

    ResponderEliminar
  7. Hola! te cuento que quiero agregar una segunda sidebar a mi blog y sigo tus instrucciones para hacerlo pero me resulta un desastre total hasta el paso 5 todo bien la sidebar aparece pero la original se me va al fondo del blog, abajo de los post... aun asi sigo las instrucciones y en el paso 7: /* Header
    -----------------------------------------------
    */

    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }
    no aparece en mi plantilla.
    Estoy usando la plantilla moto de blogger. te agradeceria si me podes ayudar.
    gracias.
    Lau_Malbec

    Http://vinosdesudamerica.blogspot.com/

    ResponderEliminar
  8. lau_malbec:
    Seguramente se te va todo para abajo porque el tamaño de la sidebar, o algun otro no entra en la totalida del blog, y por eso te lo manda para abajo. Tratá de correjir el tamaño de todas las cosas, y que quepa todo sin problemas.
    Cualquier cosa me avisas. Saludos.

    ResponderEliminar
  9. Woww!
    Yo sdesde hace mucho tiempo que estaba tratando de hacer eso y entraba a paginas que solo deformaban mi blog:S pero con estas instrucciones pude agregar una segunda sidebar a mi blog!!

    MUCHAS GRACIAS :D

    ResponderEliminar
  10. Me alegra que te sirviera enrique!

    ResponderEliminar
  11. cómo podría dejar el cuerpo del blog en el centro, con una sidebar a su izquierda y otra a a la derecha?
    Gracias

    ResponderEliminar
  12. Juanma6:
    Para cambiar de lado la sidebar tienes que buscar en el código donde dice " float: left; " y cambiarlo por " float: right; "
    Es decir si pones left la sidebar aparecerá a la izquierda, y si pones right aparecerá a la derecha.

    ResponderEliminar
  13. Hola ,pues bueno he seguidos tus pasos i lo e repetido cientos de veces pero no se me acaba de poner en el lado izquierdo ya no se que hacer.
    Estoy aprendiendo en esto de los blogs y quiero que me salga perfecto xD.Agradeceria mucho sus sugerencias;)
    Dejo la direccion de mi blog para que vean lo que me pasa.
    http://exxxtremo20.blogspot.com/

    ResponderEliminar
  14. Exxxtremo20:
    Probablemente el problema se debe a la plantilla que tienes, ya que veo que es una descargada de Blogandweb.
    Y como dice este post, si bien este metodo funciona para muchas plantillas, en algunas no se puede.

    ResponderEliminar
  15. No si que se puede porque ,estaba mirando lo mismo que busque aqui y de casualidad encontre la plantilla que tengo con lo que quiero.
    Mira:
    http://www.oscargp.net

    Pero bueno gracias por contestarme.
    Si sabes algo dimelo;)
    Adios

    ResponderEliminar
  16. Podrias explicarme que es eso de " Plantillas Minimas".
    Que pasa que las que hay en Blogger son diferentes
    gracias

    ResponderEliminar
  17. GE-NI-O TOTALLLLLL, lo hice en 2 minutos y SOS EL UNICO!!!! EL UNICO..que por fín dice como buscar algo..simplemente CONTROLF...no lo lei nunca

    Claro..simple..!!!!..asi se explica..por fin tengo mi sidebar no lo había conseguido ni con el gran vagagundia que se va por las nubes ni con nadie..

    En la dark black sin errores.como lo explicaste lo hice!!!!

    Besos miles...y ya te enlazo!! y borro a los otros ja!!!.......

    GRACIASSSSSSSSSSSSSSSSSS

    Paulette

    ResponderEliminar
  18. sexosensualmente:
    Gracias por tu comentario, me alegra que te sirviera.

    ResponderEliminar
  19. Exelente he puesto la segunda barra en mi blog ... te felicito tu blog es exelente y presta una gran ayuda agregare un enlace para que otros usuarios que entran a mi blog puedan visitarte

    Saludos desde Temuco-Chile

    ResponderEliminar
  20. Juguete:
    Me Alegra que te sea de ayuda, y gracias por tus palabras y por el link.

    Saludos!

    ResponderEliminar
  21. Esta listo el link ;D ya lo he puesto en mi blog y otros amigos estan entrando a modificar sus blog ..

    Suerte y Muchas Gracias

    ResponderEliminar
  22. Juguete:
    Gracias, un saludo.

    ResponderEliminar
  23. Que pex

    te pasaste karnal

    eso si q me fue de gran ayuda

    te agradezko

    bueno

    bye

    ResponderEliminar
  24. giovadark:
    Me alegra que te sirva. Saludos!

    ResponderEliminar
  25. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  26. Me surgio un problema una vez echa la side bar cuando deseo editar los elementos de la pagina no los puedo mover para nada y no me andan los links para editar los gadget, y la unica forma de meter un gadget nuevo es creando uno del otro lado y arrastrarlo hasta alli, pero una ves ahi, pasa a ser como los que ya estaban alli, intocables.
    Aparte la sidebar original no quedo al principio sino que esta mas abajo del resto del blog, siempre empieza despues de la ultima entrada (Podes ver el problema entrando al blog)
    Te agradeceria que me respondieras lo mas rapido posible, gracias...

    ResponderEliminar
  27. Clow:
    La barra se te va para abajo porque es muy ancha, trata de reducirle el tamaño y ajustarla para que entre todo (las 2 sidebars y el main-wrapper) en el total del blog.

    ResponderEliminar
  28. Viejo un gran blog..me ha servido de mucho..pero ahora intente crear la segunda sidebar y copio todo tal cual tu has dicho pero al momento de clickear la vista previa mepaarece un error que dice "No hemos podido obtener una vista preliminar de su plantilla.
    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    The new widget id "NewProfile" is invalid for type: Profile"

    ojal me puedas ayudar...de antemano muhcas gracias

    ResponderEliminar
  29. @LAGARTO`S
    Intenta sacando el widget de tu datos personales, porque eso es lo que te está produciendo el error.
    Una vez que lo soluciones lo puedes añadir nuevamente.

    Saludos!

    ResponderEliminar
  30. Gracias por la ayuda..pero la verda ke no me manejo mucho con html y no s cual es el widget ke me insinuas..lo intneto buscar pero no logro dar con el..si m pudieses ayudar mostrandome cual es la linea codigo ke debo suprimir me ayudarias bastante

    ResponderEliminar
  31. @LAGARTO`S
    Dirigete a: Diseño -> Elemetos de pagina, y elimina el widget que dice: Datos Personales 2

    ResponderEliminar
  32. vale viejo...fue de gran ayuda..ya pude lograr crear la segunda side bar y ya la tengo en uso...te pasaste y una gran pagina de ayuda la tuya..

    gracias...

    ResponderEliminar
  33. @LAGARTO`S
    Me alegra que te sea de utilidad, saludos!

    ResponderEliminar
  34. HOla! Felicitaciones por el blog . Estoy intentando crear la segunda sidebar y en el paso 4, al clickear vista previa, me tira el siguiente error: The new widget id "NewProfile" is invalid for type: Profile" .
    Elimine el widget con los datos personales, como le sugeriste a @LAGARTO`S pero el error sigue. Tenes alguna sugerencia? Desde ya, muchas gracias. Saludos!

    ResponderEliminar
  35. @QSP+Radio
    Asegurate de no tener otro perfil de usuario activado, porque a veces la propia plantilla los crea automáticamente. Ademas por el erro qie tira ese es el problema, no hay otra opción.

    ResponderEliminar
  36. Un widget con mi perfil no tengo, hay otra forma de fijarme?? algun codigo html en la plantilla tengo q eliminar??

    ResponderEliminar
  37. @QSP+Radio
    Entra a la edicion html de tu plantilla, expande artilugios y busca (ctrl+f para buscar) "NewProfile" y cuando lo encuentres borralo.

    ResponderEliminar
  38. Hola como hago para ponerla pero debajo de las que tengo por que hago lo que dices pero me sale es encima de las que tengo. mira mi blog http://cargohe.blogspot.com/ quiero ponerla debajo de unas dobles que tengo. para que me quede uan normal, una doble y otra normal.

    ResponderEliminar
  39. @cargohe
    Para añadir una nueva sidebar debajo de las actuales tienes que editar la configuración html de tu plantilla (cosa que no te recomiendo si no entiendes mucho de html).

    Como hacerlo? Busca el id de la sidebar que creaste, copiala, y ubicala debado de la que tu quieres.

    Saludos!

    ResponderEliminar
  40. me costo un monton por que habia diferencias, pero esta pronto, entra a ver cuando quieras y como siempre.
    Muchas pero Muchas Gracias !!!

    ResponderEliminar
  41. @Frank
    Me alegra que sea de utilidad.

    ResponderEliminar
  42. BUENO YO LOGRE HACERLO CON UNOS CODIGOS DE LOS KE TIENES AKI Y CON OTROS CODIGOS DE OTRA PAGINA LOS COMBINE Y ME KEDO PERFECTO GRACIAS!!

    ResponderEliminar
  43. Hola, verás, me da el mismo error que a Lagarto's y a QSP+RADIO; despues de seguir los pasos, al darle a vista previa me dice: The new widget id "NewProfile" is invalid for type: Profile" . Ya elimine mis Datos Personales y cuando le di a buscar "New Profile" en la version HTML no me salio nada. Y me sigue dando error despues de hacerlo un monton de veces y siguiendo los pasos a la perfeccion. ¿Que puedo hacer?
    Gracias Vicarlone

    ResponderEliminar
  44. @Angie
    Lo que puedes hacer es entra a la edicion html de tu plantilla, expandir artilugios y buscar el "Profile" y borrarlo.

    p/d: recuerda que este truco no funciona en absolutamente todas las plantillas.

    ResponderEliminar
  45. Ya lo hice, expandí los artilugios y borré todo el Profile, y aun asi no me funciona, y mi plantilla es la minima black, ¿Alguna otra sugerencia? de todas formas volveré a intentarlo todo desde el principio y si no me sale ya te lo comento. A ver si le damos una solucion y lo consigo que de verdad me hace falta una segunda columna en el blog. Muchas gracias por ayudarme Vicarlone ^^

    ResponderEliminar
  46. Nada, no hay manera, seguí todos los pasos e hice las variaciones que me sugeriste, hasta cambié la plantilla de la minima black a la minima y me sigue saliendo el mismo error: _The new widget id "NewProfile" is invalid for type: Profile_ :S No se que hacer...

    ResponderEliminar
  47. A mi me pasa igual que Angie, lo hago todo y al dar a vista previa me dice:
    El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile

    Por favor,que puedo hacer?

    ResponderEliminar
  48. He estado mirando lo que dices a los otros compañeros sobre el profile. Yo solo tengo uno, nada de segundo en la lista. Luego miro en la plantilla html y tengo esto:
    /* Profile
    ----------------------------------------------- */
    .profile-img {
    float: $startSide;
    margin-top: 0;
    margin-$endSide: 5px;
    margin-bottom: 5px;
    margin-$startSide: 0;
    padding: 4px;
    border: 1px solid $bordercolor;
    }
    .profile-data {
    margin:0;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    color: $sidebarcolor;
    font-weight: bold;
    line-height: 1.6em;
    }
    .profile-datablock {
    margin:.5em 0 .5em;
    }
    .profile-textblock {
    margin: 0.5em 0;
    line-height: 1.6em;
    }
    .profile-link {
    font: $postfooterfont;
    text-transform: uppercase;
    letter-spacing: .1em;
    }

    He de borrar y dejar solo uno? Pq no entiendo. Y en mi blog se me ha quedado el vacío para la columna sin estar. Gracias de antemano.

    ResponderEliminar
  49. @Lucia
    NO borres eso, porque es la parte del estilo de dicho widget.

    Tienes que expandir artilugios para buscar los perfiles

    ResponderEliminar
  50. Hola!

    Yo estoy en el mismo paso que Lucía y que Angie; al expandir artilugios no tengo nada de NewProfile, sólo que Profile que copiaba Lucía arriba.

    Fijándome en el contenido de la sidebar original he cambiado el widget id de NewProfile que no funcionaba dejándolo así:

    b:widget id='LinkList4' locked='false' title='About Me' type='LinkList'/>

    lo cual no se si es correcto pero tampoco funciona así que...voy a seguir dándole vueltas!

    ResponderEliminar
  51. Hola! muchas gracias por tus soluciones, he estado mirando haber si enconntraba solución a mi problema, pero no soy capaz.

    He cambiado mi plantilla a una con tres columna pero me aparecen debajo del blog, sin embargo si le clico en entradas antiguas se me vas para arriba, tal cual las quiero yo.

    He mirado lo de los tamaños pero da la sensación de que entra todo bien.

    No se si podras ayudarme, pero muchas gracias y muchas felicidades por el blog.

    Suso

    ResponderEliminar
  52. Hola a todos, lamento si esta respuesta llega muuuuuuuuy tarde, pero es acerca de el ya famoso problemilla del "NewProfile", pues lo que hice fue lo que recomienda Munchi, y......¡¡¡¡funciono...¡¡¡, eso, al parecer es cosa de intentar con diferentes widget id=........

    les vuelvo a pedir disculpas si esto ya fue solucionado, pero no viendo ni una respuesta al respecto, me atreví a dejar este comentario.

    Gracias por tan buen blog y saludos desde Chile...¡¡¡

    ResponderEliminar
  53. hola... muy buen blog.. me ha ayudado a hacer varias cosas... pero sigo teniendo problemas con la tercera columna... en el paso 5 cuando le pongo vista previa... me marca un error... me podrias ayudar??? http://programasyanexas.blogspot.com/

    ResponderEliminar
  54. @Lexus
    Cual es el error que te marca?

    ResponderEliminar
  55. Hola Vicarlone, , llegue a tu blog por google y mi pregunta es como el antonimo:

    tengo un blog con un sidebar principal y 2 sidebars pequeños debajo del sidebar principal. Lo que me gustaria hacer es eliminar esos 2 sidebars pequeños..

    De todas maneras lo que más me interesa es achicar o acortar el espacio que tiene el blog con su pie de fondo, aca subi la imagen:

    http://g.imagehost.org/0979/blog.jpg

    Muchas gracias!

    ResponderEliminar
  56. Hola, vicarlone, me gustaria que me enseñara como colocar una colunnas como la que se muestra en esta pagina, donde dice post que deberias ver, con el objetivo de yo hacer una lista con link hacia otra paginas o blogs

    ResponderEliminar
  57. @Rube
    Añade una lista de links. Ve a Diseño -> Elementos de pagina -> Anadir Gadget -> Lista de Enlaces
    y añade los links que deseas.

    @Nacho
    Mira, tanto para eliminar las sidebars, como para achicar el espacio sobrante debes editar el HTML de tu plantilla, cosa que no te recomiendo hacer si no sabes HTML.

    ResponderEliminar
  58. Hola, me manejo en Html y despues de cabecearme logré lo que necesitaba ajustando el Height de un sin numero de cosas como los footer, gracias = saludos

    ResponderEliminar
  59. Yo sigo los pasos y me da error y no sé que estoy haciendo mal me dice que el newprofile no es para mi planilla pero supuestamente tenga la planilla correcta no se que puede ser-

    ResponderEliminar
  60. @Nacho
    Me alegra que lo hayas conseguido

    @JazBuci
    Busca el widget New Profile y eliminalo

    ResponderEliminar
  61. Hola !
    Esta pagina me a resultado de gran ayuda.. y aunq esto ya te lo preguntaron, yo no lo pude resolver..
    al hacer todos los pasos dice:
    The new widget id "NewProfile" is invalid for type: Profile"
    Entonces, ud dice q elimine lo de datos personales, y yo no lo tenía.. que tengo que hacer?

    ResponderEliminar
  62. Por mas de que no lo tengas, al crear la nueva columna a veces lo añade automaticamente, por eso buscalo en el codigo html de la plantilla (que SI lo vas a encontrar) y eliminalo.

    ResponderEliminar
  63. lo coseguí! muchas gracias

    a mi tambien me ponia lo de que no aceptaba "NewProfile" y (como no se nada sobre esas cosas) e ido probando y e puesto Profile2 y me a fucionado !! ^^ gracias^^

    ResponderEliminar
  64. @Claire
    Me alegra que te sirva! y gracias por comentar ;)

    ResponderEliminar
  65. Es muy gracioso! me aparecio la nueva columna, del lado de la izquierda de la anterior, pero está más arriba, comienza mucho más arriba que la otra jeje... algo es algo,no?

    ResponderEliminar
  66. He realizado todos los pasos unas cuatro veces y siempre dice lo mimso : ''Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    El código ID del nuevo widget "newProfile" no es válido para este tipo: Profile''
    no sé mucho de html ni nada... me gustaría que em dijera cómo corregir éste error.
    Gracias

    ResponderEliminar
  67. @[Subaritoh]
    Fijate en los comentarios que ya he respondido esa pregunta. Igualmente te cuento: tenes que buscar el ID "newProfile" y ponerle Profile2

    Saludos!

    ResponderEliminar
  68. Disculpa no he podido agregar una nueva columna la parte de #main-wrapper no aparece en mi blog que puedo hacer, porfa necesito ayuda

    ResponderEliminar
  69. Todos los blogs tienen #main-wrapper. Asegurate de buscarlo bien (puedes usar ctrl+f para buscar mejor)

    ResponderEliminar
  70. me aparece el codigo ID del nuevo widget ``new profile´´ no es valido para este tipo:profile.cuando pongo vista previa

    por favor entren en mi blog,elfutbolquerido.blogspot.com por favor entren y ayudenme con el caso de la nueva sidebar que no puedo

    ResponderEliminar
  71. En principio mil gracias por todo. Estoy armando el blog constituir.blogspot.com y, como podrás ver, todo el diseño de debe a tu ayuda.
    Estoy tratando de hacerle una nueva columna. Sigo todos tus pasos pero, cuando intento una vista previa, blogger me da un mensaje de error identificado como bX-v8p6gl. ¿Tenés idea que puede ser? Un abrazo. Alejandro.

    ResponderEliminar
  72. @Alejandro (tocayo :P)
    Ese error que comentas se debe a un bug de blogger y a veces tiene que ver con las cookies. Intentalo más tarde y vas a poder. Saludos!

    ResponderEliminar
  73. Muy buen aporte. Me ha servido para modificar una plantilla que estoy por usar en mi blog. Gracias!

    ResponderEliminar
  74. Muy buena la pagina!!! ZARPADA!!!!!!!!! Y esto mas todavia... yo recien empiezo, y por culpa de tu pagina no laburo mas jajaja

    te dejo el link de mi humilde pagina: http://oso-gringo.blogspot.com/

    ResponderEliminar
  75. Hola sabes tengo un problema mi plantilla no sale con el nombre #outer-wrapper ni los demas se que debe estar con otro nombre en ese caso que debo hacer??

    ResponderEliminar
  76. @Oso-Gringo
    Me alegra que te sirva!

    @Giovah
    Dime la url de tu blog para ver tu plantilla y te digo.

    ResponderEliminar
  77. uuuuuuuuuuuuuuuuuffff como entre 20 blogs para blogeros este es el primero, y el único, que tenia la explicación compatible a mi plantilla.

    claro que tuve el problema del Newprofile, pero gracias también a los comentarios (cambiarle el nombre) lo logré =D

    casi 10 meses desde que se abrio esta entrada y todavia estan atentos a los comentarios, eso se agradece, y mucho.-

    gracias; see ya.-

    ResponderEliminar
  78. Aqui esta mi blog http://conectadosvmf.blogspot.com/

    si puedes decirme seria de gran ayuda porque iqual es incomodo eso de tener blog tan largo. ;) nos vemos y muy buena tu pag. me ha ayudado bastante. :)

    ResponderEliminar
  79. @Lupino
    Me alegra que te sirva.

    @Giovah
    Lo que sucede con tu plantilla es que no utiliza la nomenclatura clasica, sino que esta definido con otras variables. Busca en el CSS del blog para verlo.

    ResponderEliminar
  80. no puedo :( no puedo :( no puedo.... segui los pasos pero me sale el bendito error del new profile... hice los cambios que recomiendan los bloggers pero el error sigue... :( ya se me seco el cerebro, que puedo hacer?

    ResponderEliminar
  81. @Alma Rosa
    Dime la url de tu blog para darle una mirada

    ResponderEliminar
  82. Hola, no me resulta el paso cuatro tengo un problema cn id='newsidebar' que puedo hacer?

    ResponderEliminar
  83. Intenta poniendo id='newsidebar2'

    ResponderEliminar
  84. Hola buen dia! yo tengo u problema pero no es por la colocacion de la segunda sidebar... se trata de que quiero "emparejar" las dos sidebar... Es decir, tengo una sidebar de 200 px y la otra de 150 px por ejemplo...

    Te pas mi blog para que me puedas ayudar

    www.lossimpsonshoy.com.ar

    Muchas Gracias!

    ResponderEliminar
  85. @el barto
    A que te refieres con querer "emparejar" las columnas?

    ResponderEliminar
  86. Hola, he seguido los pasos del blog, varias veces, lo he hecho todo y he comprobado y recomprobado. Ya lo habia hecho para mi otro blog pero en este no se ke pasa, me dice ke el "El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile"... ke hago?
    gracias!

    ResponderEliminar
  87. Claro! si vist mi blog habrias visto que mis 2 sidebar no son de las mismas medidas.... yo quiero que esas dos sidebar sean del mismo tamaño....

    saludos!

    P.D.: mi blog es www.lossimpsonshoy.com.ar

    ResponderEliminar
  88. @el barto
    Fijate en los comentarios anteriores, alli ya se dijo como solucionar ese problema.

    ResponderEliminar
  89. A mi me sale lo mismo que a Mayhem "El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile"... ke hago?

    gracias

    ResponderEliminar
  90. @Yessica Vega
    fijate en los comentarios anteriores que ya respondimos como solucionarlo.

    Basicamente tienes que cambiar el ID y ponerle profile2 o algun otro nombre.

    ResponderEliminar
  91. yo ya he probado de dotooo y no me atreboooo cn la columnaaaa me sale:
    El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile

    ya he borrado el: Diseño -> Elemetos de pagina, y elimina el widget que dice: Datos Personales tambien le e dao a Expandir plantillas de artilugios y no encuenyro ningun "NewProfrile". Ke agooo e leido 1 a 1 los comentarios pero no logro añadir la columnaaaa!!!!!!

    ResponderEliminar
  92. ola!he conseguido crear las dos sidebars pero tengo un pequeño problema!la sidebar derecha se sitúa en un lugar demasiado abajo y la izquierda no me permite modificarla!podrías ayudarme?ya se que alguien te lo ha preguntado pero no he entendido como solucionar!

    ResponderEliminar
  93. @Alberto
    Debes buscarlo en la edicion HTML de la plantilla

    @Taberneiro
    Debes buscarlo en la edicion HTML de la plantilla y alli cambiar los tamaños de ambas sidebars.

    ResponderEliminar
  94. Hola, muy buenas, es cierto que este es el post donde aparece con más sencillez como implantar una nueva columna, lo hice en un blog de prueba y salía perfecto pero intentantolo en mi blog real no puedo. Me atasco en el paso 5 al clicar sobre Vista Previa me aparece un error, la verdad es que es bastante raro por dice: El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile
    lo cual parece broma, no se como arreglarlo, si me pudieras ayudar,
    muchas gracias

    ResponderEliminar
  95. @Agustín
    Fijate en los comentarios que ya dijimos como resolver ese problema.

    Saludos!

    ResponderEliminar
  96. Hola, soy yo de nuevo:
    Ya corregi el error, simplemente hice lo que dijo Claire, cambie"NewProfile" por Profile2 y funciono, lo malo es que me han desaparecido los gadgets, pero es cuestion de volverlos a poner.
    Sin duda, el mejor manual para poner 3 columnas, te has ganado un link en mi blog
    cenfs.blogspot.com, por si te quieres meter a echarle un vistazo.

    ResponderEliminar
  97. Corrijo, creía que me había salido bien, pues me sale una barra encima de la otra en la derecha, supongo que será un problema de tamaño, ¿verdad?

    ResponderEliminar
  98. hola lo que pasa es que yo agrege el sidebar y me funciono pero el de la derecha quedo mas alejado que el de la izquierda.
    ¿como hago lo arreglo para que queden de igual distancia?
    Gracias
    mi blog es: http://navegaton.blogspot.com/

    ResponderEliminar
  99. Hola!la verdad estoy muy contenta porque despues de haber pasado por muchisimas paginas,encontre esta por casualidad ya sin ganas de intentar pero pobre otra vezy pude agregar mi sidebar asi que muchisimas gracias por tomarte tu tiempo en hacer este tutorial!un beso

    ResponderEliminar
  100. Hola! te agradeceria muchisimo que porfavor me ayudaras con mi blog: http://luciernagaideatica.blogspot.com/

    Desde hace una semana que intento ponerle una segunda sidebar a la derecha, hice lo que decia tu entrada pero cuando ya todo esta listo y doy clic en vista previa, me abre la pag. pero me aparece en blanco con un recuadro que dice "la pagina se esta cerrando" me salgo de ahi, pero en la pagina sigue el mensage "cerrando..." y toda en blanco.

    ¡Que hago!! ¡AYUDA!

    ResponderEliminar
  101. Hola buenas:

    Intento seguir tus pasos pero la segunda sidebar no me sale al lado de la otra. ¿Por qué puede ser?

    http://pruebas-barukh.blogspot.com/

    Gracias por tu ayuda.

    ResponderEliminar
  102. SOLUCION: A ESTE PROBLEMA

    El código ID del nuevo widget "NewProfile" no es válido para este tipo: Profile

    EN ESTA LINEA TIENEN QUE CAMBIAR DE ESTO



    A ESTO



    SI TUBIERAN YA UN id='HTML3' DEBEN DE CAMBIARLE EL NUMERO 3 POR EL CUATRO Y SI YA TUBIERAN UN NUMERO CUATRO DEBEN DE SEGUIR POR EL NUMERO CONSECUENTE.

    espero que les haya servido de ayuda y no vayan a ofenderse por las letras en mayuscula, es solo para que se diferencie de los que estoy escribiendo yo, a el codigo.

    ResponderEliminar

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.