121

Añadir tres columnas en la sección del crosscol

Después de haber publicado la manera de añadir tres columnas en la sección del footer,  algunas personas me han estado consultando para conseguir la posibilidad de añadir mas gadget en distintas partes de sus plantillas, una de las zonas más demandadas para aprovecharla al máximo es, sin duda, el crosscol.

Antes de empezar tengo que aclarar que estás modificaciones están basadas en el código de las plantillas originales de Blogger que ya tienen incluido el crosscol en su código por defecto.


Para hacer esto mismo en una plantilla que no incluya en su diseño el código del crosscol tendríamos que saltarnos el paso [1] y [2].
Colocar el código del paso [3] justo antes de <div id='main-wrapper'> y aplicar el paso [4] tal como está.


[1] Tendremos que retirar cualquier elemento que tengamos colocado en el crosscol del blog, moviendolo a la sidebar de forma temporal y, una vez añadidas las tres columnas en el crosscol, volver a colocarlo en esa sección si así lo queremos.

[2] Nos situamos en "Edición HTML" de nuestro panel y sin expandir las plantillas de artilugios, localizamos la sección del crosscol:

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

[3] Sustituimos ese código por este otro:

<div id='crosscol-wrapper' style='text-align:center'>
<div style='clear:both;'/>
<div id='crosscol-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='crosscol' id='crosscol-bottom' preferred='yes'>
<b:widget id='Text3' locked='false' title='' type='Text'/>
</b:section>
</div>
       <div id='crosscol-columna-contenedor'>
<div id='crosscol2' style='width: 30%; float: left; margin:0; text-align: center;'>
<b:section class='crosscol-column' id='crol1' preferred='yes' style='float:left;'/>
</div>
<div id='crosscol3' style='width: 40%; float: left; margin:0; text-align: center;'>
<b:section class='crosscol-column' id='crol2' preferred='yes' style='float:left;'/>
</div>
<div id='crosscol4' style='width: 30%; float: right; margin:0; text-align: center;'>
<b:section class='crosscol-column' id='crol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
      </div>
Ejemplo diseño

Una vez guardados los cambios ya podremos volver a incluir en el crosscol los elementos que queremos mostrar en esa sección.

[4] Ahora ya solo nos queda añadirle unas líneas de CSS a la plantilla para conseguir controlar la separación de las columnas y añadirles además un color de fondo (blanco en el ejemplo) y un borde.

Pegamos estas líneas antes de ]]></b:skin>:
#crol1{
background:#fff;
margin: 5px;
padding: 5px;
border: 1px solid #60A9D1;
}

#crol2{
background:#fff;
margin: 5px;
padding: 5px;
border: 1px solid #60A9D1;
}

#crol3{
background:#fff;
margin: 5px;
padding: 5px;
border: 1px solid #60A9D1;
}

#crosscol-columna-contenedor {
clear:both;
}
.crosscol-columna {
padding: 10px;
}


[5] Y tendríamos que conseguir entonces algo así:

Ejemplo blog


Modificaciones

Para retirar el borde a los elementos, colocamos en border: 1px solid #60A9D1; el valor 1 en 0, o directamente borramos esa línea del código CSS.

Para cambiar el color de fondo, lo hacemos sustituyendo #fff por el código del color que vamos a usar.

El ancho de cada gadget está aplicado en porcentajes, podemos modificar la anchura de cada uno cambiando en width: el valor del porcentaje, cuidando que la suma del valor de los tres gadget juntos no sobrepase el 100%

Entradas Relacionadas:

121 comentarios:


angelcaido666x

Idola........ gracias :)

Saludos desde Bolivia

pepe crouch

Hola rosa,
Soy un novatillo¡¡¡ que esta desesperao porque no encuentra la solución¡¡¡¡
Hace una semana y pico cambie la plantilla de mi blog, desde ese día han caido el número de visitas.
Antes cuando buscabas en google: por ejemplo video goles liverpool-chelsea 2-0, aparecia el titulo de mi blog, el titulo de la entrada, la descripción de la entrada y cuando pinchabas iba directamente a la entrada de mi blog. Ahora cuando buscas por ejemplo: Video goles España-Inglaterra 2-0 11-02-09, (además de bajar posiciones en google) Sale el titulo de mi blog, pero no el titulo de la entrada, hace un día que conseguido que por lo menos salga la descripción de la entrada, y cuando pinchas siempre te manda a la pagina principal del blog y no a la entrada concreta.
¿Tiene que ver algo el cambio de plantilla? ¿Y que podria hacer, o a quien podia acudir, para que volviera aparecer como antes?
Nose si me explicao mu bien, ni si tu me puedes ayudar, pero si pudieras te lo agradeceria un montón.
Un saludo y muchas gracias¡¡¡¡

pepe crouch

Se me olvidaba, mi blog es http://pepecrouch.blogspot.com/

Anónimo

Olaa!

me sirvio mucho lo que posteaste... pero lo use en el footer...
gracias!

Bocha

Rosa:

Me explicarias como editar los Seguidores del blog...

Quiero cambair la parte que dice "Seguir este blog". Tambien la parte que dice "41 seguidores" (La de abajo)...

Y por último: Se que blogger te muestra solo 18 seguidores en la principal, me gustaria mostrar 20... ¿como hago?

MARGA'S HAPPY CRAFTS

Hola Rosa,
¿Esta explicación, se podria adaptar al main(creo que se llama así)?

Gil_lazo

Gracias Rosa ya lo implemente en mi blog muy bonito.

Saludos.

http://technologycompartida.blogspot.com

xhabyra

Wow Excelente, yo hice lo del footer gracis a tu blog, y de inmediato me pongo a hacer las tres barras en el croscol.

Muchas Gracias Ros :D

robersnake

Hola rosa excelente aporte eres la mejor, yo solo quería preguntarte como puedo hacer 2 columnas pero para que queden exactamente encima del post.

Saludos y espero me puedas ayudar... Gracias!

Jaime Trujillo Escobedo

La verdad es que es un truco genial Rosa, no lo conocía :-) sabía el de añadir 3 columnas al post-footer pero veo que este es también un truco genial :) un abrazo0! :D

Anónimo

pepe crouch , todos cambiamos alguna vez de plantilla y no por eso perdemos posiciones y demás en Google...en Google siempre hay subidas y bajadas inexplicables, yo misma hace poco caí en picado en el Gran buscador.

Alfred

Saludos Rosa, tu blog de verdad es muy bueno, no se si te acuerdes pero hace como dos post te pregunte que si me podias decir como modificar las columnas de mi blog (convertir una plantilla de 3 columnas a 2) Pero me dijiste que para poder darme un consejo necesitabas ver la plantilla, asi que aqui esta:

Aqui te dejo el enlace de mi blog de prueba en donde esta la plantilla:

Plantilla en Blog de Pruebas

Y aqui te dejo el lugar de donde la conseguí:

Lugar de Plantilla

Sin mas por el momento te agradecería que me respondieras. En caso de que la respuesta sea muy larga aqui te dejo mi e-mail

melee300@gmail.com
amz_sombra@hotmail.com

Cualquiera de los dos esta bien

Grumpy

ale! aquí la grumpy-inútil pero esta vez vengo solo a darte las gracias por todo, simplemente eso.GRACIAS!

Anónimo

Bocha, no he publicado como hacerlo, y en un comentario sería un poco engorroso...así que te remito a Vagabundia, allí podrás ver como hacerlo:
http://vagabundia.blogspot.com/2008/10/seguidores-personalizar-el-gadget.html

Anónimo

MARGA, el main es la parte que conforma el "cuerpo de las entradas" y allí no puede hacerse.

Anónimo

MALINA, Cuando dices "una segunda columna" ¿a que te refieres exactamente? Una nueva sidebar, otra sección sobre la sidebar que ya está, o la misma sidebar que ya hay dividida en dos partes...si es algo de esto, claro...tu me dirás.

pepe crouch

A mi lo de la caida de visitas me da igual,lo que más me preocupa, es que hace dos días en la descripcion de mis entradas nuevas en google, salía este mensaje:Tips and trick to easy blogging at blogspot also free download e-book and template. Eso lo borre de la platilla.

Mi pregunta es ¿si hay algo en la plantilla que tenga que poner o quitar, para que en google en vez de salir el titulo de mi blog salga el titulo de cada entrada?

Muchas gracias por las molestias y un saludo.

Anónimo

robersnake , mejor hago una entrada con eso ¿te perece? y además te la dedicaré;)

Jessica

Rosa, no es del crosscol, pero queria preguntarte, como hago para hacer un recuadrito al final de mis entradas...como para poner :

"Anadelo a Favoritos- Evialo por correo-e - etiquetas"

pero dentro de un recuadro con borde y color de fondo..

Como hago el codigo y donde lo pongo??

Gracias!!

Anónimo

Grumpy, Gracias a ti cielo mio:D

Anónimo

MALINA, aquí puedes verlo:
http://elescaparatederosa.blogspot.com/2007/06/aadir-una-sidebar.html

Si sigues las instrucciones de esa entrada, tendrás una sidebar a cada lado de las entradas, para colocar las dos al mismo lado, por ejemplo, se trataría solo de cambiar el "float" en el CSS.

Anónimo

pepe A ver si es a esto a lo que te refieres...
http://elescaparatederosa.blogspot.com/2008/10/titulo-optimizado-en-blogger.html

Anónimo

Jessica, no tienes que hacer ningún código, eso está en el post-footer. Si vas a la parte de Diseño de tu panel y pinchas en el "Editar" de la cajita de "Entradas del blog" allí verás esas opciones para marcar e incluir en el pie de tus entradas.
Para darle color, enmarcarlo y demás, al post-footer, mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/03/adornar-el-pie-del-post-post-footer.html

Anónimo

Greyback Acabo de enviarte el email :D

Alfred

Muchas Gracias Rosa te lo agradezco.

Ojala y pueda porque esto del html no se me da

MARGA'S HAPPY CRAFTS

Bueno Rosa, me refiero encima del main y debajo del croscol, yo tengo ahi puesto un espacio en el que puedo poner los gadgets que quiera, pero deben iren fila de a uno, y me gustaria que pudiera tener 2 columnas.
Si es posible claro.
Gracias preciosa.

JBfansblog

Ah!

ROSA!

MUCHAS GRACIAS POR TU COMENTARIO!

haha

En serio!

Me lleno de alegria leerlo,porque hay unas chicas que fueron nominadas y ni contestan!

Que bueno que mantengas la humildad!

Y con respecto a los votos,autovotate!

haha

O si queres hace como hicieron otros blogs,que pusieron al costado votenme y bla,bla...haha

Ok!

Ojala dejes otro comment en mi blog!

y pidas que te voten aca!

Te va a dar resultados!

BYE!

pepe crouch

Probaré con lo que me pusistes Rosa. Muchisimas Gracias por contestarme¡¡¡¡¡
Un saludo¡¡¡

Daniel Sanchez

Mil gracias!! probe el truco y ahora se ve mucho mejor mi blog! tambien lei tu post sobre las tres columnas en el footer y me funcionó de lujo, he aprendido mucho gracias a tus consejos, espero puedas ver mi blog http://soportempresarial.blogspot.com para ke veas como kedo, y si tienes alguna sugerencia te lo agradecere!!

Saludos desde Guatemala, Centro America...

Rhisthel

Hola!

escribo esto aquí puesto que no se donde escribirlo. Tengo una duda y no se como hacerlo para solucionarla. La cosa es que utilizo en mi blog la plantilla "Scribe", hace mucho que la aumenté de tamaño y demás pero ahora me asalta un problema que no se solucionar. Algunos códigos en HTML no me funcionan... Por ejemplo, poner borde a las imágenes no logro conseguirlo, y es un tanto extraño puesto que lo hago todo correcto... cuando escribo la entrada sale pero una vez publicado no me funcionan ni las capas, ni los bordes ni tablas. He estado mirando el código de la plantilla pero no he encontrado nada :S

Saludos

Anónimo

Hola Rosa!

Hace unos días cambié un poquito mi plantilla. Dividí el header (siguiendo tus pasos claro ^^) y me gustó mucho el resultado.

¿Se podría hacer lo mismo con el footer para colocar el widget de últimas entradas y de últimos comentarios?

No implanto esos widget en mi blog porque hasta ahora no les encuentro lugar, (la sidebar me parece demasiado principal para algo tan secundario) y el lugar perfecto para ellos sería el footer sin duda.

Muchas gracias como siempre por tus consejos!

Un beso Rosa

Pd: a lo mejor alguien más se ha dado cuenta. Con el formulario nuevo al verlo desde IE sale la opción de suscripción por mail sobre los botones de vista previa y publicar un comentario, pero en firefox ni rastro del link (es curioso :) )

Unknown

ROSI agregué lo de 'data post labels', hice una copia de la plantilla de cachorra...y logré insertarlo!!! Gracias tesoro!!!

Anónimo

MARGA, es lo mismo que me pregunta robersnake;) en cuanto pueda hago una entrada al respecto.

Sergio

Hola Rosa, me sabe muy mal molestarte para lo que, seguramente, será algo simple, pero no lo consigo.

Quisiera ponerme esta plantilla:

http://templates.99computercity.com/2007/11/fly-net-10-template.html

de la cual me gusta todo excepto el color de las dos columnas laterales, que las quisiera tener negras. He estado dándole muchas vueltas en un blog privado y no lo consigo. A ver si puedes ayudarme.

Muchísimas gracias.

Anónimo

Daniel Sanchez , muy lindo tu blog. Sencillo y sobrio, como me gustan.
¡Me encanta tu cabecera!

Anónimo

Rhisthel , es que algunos códigos para que funcionen en Blogger han de ir en el css.
Por ejemplo, el borde de las imágenes, aunque en el código de la imagen pongas "border="1" no funcionará.

Tendrás que ponerlo en la parte de Edició HTML, donde se ve todo el código de tu plantilla. Localizas esto, por ejemplo:

.post {
margin:8px 0 24px 0;
}

Y justo debajo, pegas el código para que tus imágenes salgan con borde en las entradas (todas):
.post img{ padding:2px; border:1px solid #b3b3b3;}
Cambias ahí el código para el color del borde (#b3b3b3) por el que vayas a usar.

Sergio

Rosa, soy yo otra vez, de veras que lo siento...

Si te fijas en esa plantilla verás que justo debajo de la cabecera hay una barra con distintas pestañas "home" "contact" etc...

Sobre eso dos cosas:

Cómo habilito esas pestañas? Es decir, que cuando se pinche en contact lleve a mi mail.

Y, en el caso de que quiera eliminarla, cómo lo hago?

Muchísimas gracias de nuevo.

Anónimo

Rosa vuelvo a comentarte :)

En este caso sobre la postdata que te dejé en el comentario de esta misma entrada. El caso es que aquel link del formulario ha desaparecido misteriosamente (no he tocado la plantilla). Fuí a hacer la captura y cuando me dí cuenta ya no estaba :S

Qué cosas más raras suceden a veces, sería bueno que abrieras una sección para fenómenos paranormales de blogger ;)

(Espero que te lleguen ambos comentarios)

Un beso!!

Anónimo

veinteañera, mira yo de la sección de comentarios es que ya no hago ni caso, :D
Los de Blogger tienen que estar probando algo ahí, otra cosa no me explico, porque va como el "culo" (con perdón, toda esa parte.
Lo peor es que ahí no tenemos acceso nosotros...

Anónimo

:S perdón que despiste tengo, pasé por alto el link a lo del footer... qué desastre!

Anónimo

Es verdad Rosa, después de leer tu aviso he caido en la cuenta, incluso da ciertos problemas a la hora de mandar comentarios.
Serán las pruebas sí.
De nuevo te mando un beso!! y ya paro por hoy
Buenas noches!

Anónimo

veinteañera, :D
Mira lo del footer, si te sirve así, sino me comentas que buscabas, más o menos.

Anónimo

lo primero Rosa mil gracias por tu atención y preocupación!!
he hecho la prueba en mi blog experimental (no se tarda nada en hacer los truquillos), y he dividido el footer en tres secciones,pero al ser un ancho de blog finito queda un efecto algo extraño; ¿podría hacerse dos secciones?

Sino me apaño como está :)que ha quedado bastante bien

Un beso

Anónimo

(sigue habiendo problemas para comentar :S )

Rosa al final lo he conseguido, gracias a tu código, he modificado los porcentajes, al 50 cada uno y alguna cosilla más!!
Voy a pasarlo del blog de pruebas al mío!!

Ahora sí, buenas noches y a descansar!!

Anónimo

veinteañera, te contesto en la entrada sobre el footer ¿ok?

Anónimo

Sergio, en esta parte del código de la plantilla:
#sidebarkiri {
width: 230px;
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 */
}
#sidebarkanan {
width: 230px;
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 */
}
Añades un background: #000; para cada sidebar, por ejemplo justo después de #sidebarkiri { pegas esa línea del background y justo después de #sidebarkanan { vuelves a colocar otra igual.

Anónimo

Sergio, la próxima vez en lugar de decirme donde ver la plantilla de origen, me dejas ver el blog donde la has colocado, más que nada porque me ahorro tiempo y también porque si has hecho algún cambio esto puede influir en la respuesta...

En edición HTML, dentro del código de la plantilla, este es el que corresponde a tu menú:
<ul>
<li class='highlight'><span class='menu_r'><a href='http://flynet10template.blogspot.com/'><span class='menu_ar'>Home</span></a></span></li>
<li><span class='menu_r'><a href='http://#'><span class='menu_ar'>Music</span></a></span></li>
<li><span class='menu_r'><a href='http://#'><span class='menu_ar'>Video</span></a></span></li>
<li><span class='menu_r'><a href='http://#'><span class='menu_ar'>Contact</span></a></span></li>
<li><span class='menu_r'><a href='http://http://layout4all.blogspot.com'><span class='menu_ar'>Templates</span></a></span></li>
</ul>

Para eliminar cualquiera de las pestañas, las localizas en ese código por su título, por ejemplo, Video, y borras la línea donde está incluida Video desde <li> a </li>
Esta por ejemplo es la línea de Contac:
<li><span class='menu_r'><a href='http://#'><span class='menu_ar'>Contact</span></a></span></li>
En esa línea cambias Contac por Contacto y donde dice a href='http://#' pones en lugar de http://# mailto:tuemail , es decir mailto: y justo después la dirección de tu email

Sergio

Muchísimas gracias Rosa, ahora mismo voy a probarlo todo y ya te digo si me ha funcionado todo bien.

Y disculpa, tienes razón, pero soy muy nuevo en esto y pensé que igual te iba bien que te diera la página de la plantilla porque ahí podías ver el código y tal. Disculpa mi ignorancia.

Un besazo :D

Anónimo

Hola rosa esta vez te vengo a visitar no por alguna duda sino a desearte un Feliz día de San Valentín.. espero este día este lleno de mucho amor, y mucho k-riñito apapachador para ti... besos...!*-- gracias por llenar nuestro blog con cosillas que tus nos proporcionas ... garcias princesa...!*

Anónimo

elkukisblog ¡muchísimas gracias a ti corazón!
Y Feliz San Valentin :D

Iván

Hola Rosa, necesito ayuda, quiero saber como sustituír la imagen de el Link de los Comentarios (EJ: 5 Comentarios) por una imágen, o que quede el texto de los Comentarios y debajo poner una imágen que diga: COMENTAR, con el link a el formulario de Blogger.
Muchas Gracias :) y Feliz día de San Valentín! ;)

Lss Rutas de Angelica

El verdadero amor, les es revelado a los que ven con los ojos del alma; a los que oyen con los oídos del espíritu; a los que escuchan melodías fascinantes y a los que viven con la sensibilidad y sencillez de los niños. ¡Felíz Día de San Valentín!
Pasa por las rutas que tienes unos regalitos allí.
Besos y bendiciones infinitas.
Te dejo un abrazo enorme mi amiga querida!!!

Víctor Ojeda Gallego

Hola Rosa, en estos últimos días he estado dándole un giro en el aspecto y dinamismo de mi blog y tus post me han resultado increible, fáciles y funcionales. Pero he tenido un problema con esta acción, ya que cuando pego el código e intento guardar la plantilla me sale un mensaje que dice lo siguiente "Se ha encontrado más un artilugio con el ID: Text3. Los ID de artilugio deben ser exclusivos". ¿A qué crees que se deba este inconveniente? vale, muchísimas gracias. Mi blog es: filmolibros.blogspot.com

Rhisthel

Muchas gracias por todo Rosa, ya he logrado poner borde a las imágenes :D

Anónimo

Iván, mira si te sirve esto:
http://elescaparatederosa.blogspot.com/2008/12/enlace-comentarios-en-una-imagen.html

Si te parece "lioso" mira en los comentarios de esa entrada, allí hay un enlace al blog de Pizcos, donde explica como hacer eso mismo pero yo creo que de forma más sencilla.

Anónimo

Víctor O.G. fíjate en esta línea del código que hay que colocar:
<b:widget id='Text3' locked='false' title='' type='Text'/>

Ahí dice Text3 y lo que pasa es que tu ya tienes un gadget con esa misma id.
Lo único que has de hacer es cambiar ese Text3 por Text10 o cualquier número elevado.

Unknown

Mil gracias Rosa soy adicta a tu blog acabo de colocarme las 3 columnas de arriba y voy a por las de abajo.
Te dejo mi link por si te apetece echar un vistazo.
Lo iré mejorando con tu valiosa ayuda!

QUERIDO FACEBOOK:
http://www.teayudofacebook.blogspot.com

Víctor Ojeda Gallego

vale Rosa, muchísimas gracias, ahora sí me funcionó perfecto... besos!!

°Sandra...

Hola Rosa, tengo un problema cuando se visualiza el blog en firefox se ve movido, no se como arreglarlo ya le hice el intento pero no se donde puede estar el error, ojalá puedas ayudarme a ver si tu puedes decirme a donde le tengo que mover en el código para que ya se vea bien. En IE si se ve bien. Gracias

Angustias de los Gitanos. Sevilla.

hola rosa todo me ha salido bien el unico problema es que tengo las nuevas tres columnas en la sección del crosscol detras de la blog de entrada y de la columna que de sidebar que traia la plantilla, creo que el erro que tengo es que no he puesto la linea css, pero es que no tengo idea como se hace. gracias y mi enhorabuena por tu blog

Gildo Kaldorana

Gracias, muchas gracias.

C01
Este comentario ha sido eliminado por el autor.
Anónimo

Sandra, creo que el error está en alguna de tus entradas...ve guardando desde la última hacia atrás, una a una en borradores, cada vez que guardes una en borradores usa la vista previa con Firefox, si es alguna de las entradas el problema así podrás comprobarlo...

Anónimo

Angustias, puede que ese sea el error y puede que no...no tienes el perfil habilitado ni has dejado la dire de tu blog para poder mirarlo...

°Sandra...

El error estaba en una de las entradas por tu decias, ya he arreglado el problema gracias a ti.

:P :D

Anónimo

Sandra, ¡qué bien! Me parecía que algo de eso era.

Anónimo

Quejas y denuncias, pues te vas a ir a Blog and Web :D donde hay un maravilloso artículo sobre el tema:
http://blogandweb.com/adsense/blogger-adsense/

Angustias de los Gitanos. Sevilla.

Hola Rosa
Mi blog es
http://mariadelasangustiascoronada.blogspot.com/
gracias

Anónimo

Angustias, tu problema es que la imagen de fondo de tu plantilla (esa que queda sobre las tres columnas con las flores) está añadida en el header, parece parte de las entradas y la sidebar, pero no es así, es solo una imagen añadida en la cabecera...
Tendrás que deshacer lo que has hecho para las columnas, con ese diseño de plantilla no sirve.

esenciatucumana

hola rosa soy sergio no puedo hacer mi boton de enlace mi blog es www.elsersanto.blogspot.com

Anónimo

eldon, ¿has probado con este generador?
http://elescaparatederosa.blogspot.com/2007/10/cdigo-de-enlace-online.html

susana espíndola

hola Rosa!
hace mucho que no estaba por aquí, consultándote y bueno, de paso para saludarte y siempre agradecer todo lo que nos ofrecés tanto de información como de explicaciones!!!
me encantó lo de añadir columnas a la sección crosscol. Quería consultarte sobre cómo hacer para que no haya tanta distancia entre la cabecera y esta sección. Cómo manejar el tema de los márgenes entre esas dos secciones.
Saludos!!!!

Anónimo

Susana, podrías probar añadiendo otro poquito de CSS, algo así:
#crosscol-wrapper{
margin-top: 0px
padding-top:0px;
}

susana espíndola

hola Rosa, he intentado el dato que me pasas, pero sigue habiendo distancia. Quería consultarte si ese elemento que aparece también en la sección crosscol y que abarca todo el largo,al agregar las tres columnas, se podría retirar. Lo he intentado por las mías pero la plantilla no logro que se cierre correctamente. Me parece que ese esó lo que está ocupando más lugar del que quisiera y que en el código que nos facilitás está como Text3, ¿se podrá sacar sin problemas o es necesario?
Saludos!!!!

Anónimo

Susana Puedes eliminar esa sección sin problema, borra esta parte del código:
<div id='crosscol-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='crosscol' id='crosscol-bottom' preferred='yes'>
<b:widget id='Text3' locked='false' title='' type='Text'/>
</b:section>
</div>

Si aún tenias el código tal como está en la entrada, te saldrá un mensaje de aviso de que va a eliminarse el elemento de Text3, acepta sin problema.

CDLR007

hola rosa, como estas hace rato que no te molestaba. mira estaba areglando mi blog y resulta que le cambie la plantilla que tenia y al parecer se borraron todos los widgets que tenia, pero bueno, ah enpezar de nuevo se ha dicho, bien mi problema es que quiero agregarle las tres columnas al crosscol a la nueva plantilla pero esta no tiene eso (el crosscol) activado, sera que me puedes decir como agregarselo. por favorrrrrrrrrr espero que me respondas por favor

Anónimo

CDLR007 Guíate por esta entrada y si el código no está puedes añadirlo:
http://elescaparatederosa.blogspot.com/2008/10/aprovechando-espacios-en-la-plantilla.html

la verdad oculta del ser

hola rosa he puesto las tres columnas en el crosol y me gustaria que me dijeras como puedo poner el color del fondo igual que el fondo le he puesto la url y no sale te envio el blog en el que lo he hehttp://elesconditedevicky1.blogspot.com/cho muchas gracias

Anónimo

Ana y Bego

"el color del fondo igual que el fondo"

¿Qué color de fondo igual que que fondo?...no he entendido nada :S

Anónimo

huichochitlan No se de que imagen hablas...en mi sidebar no tengo ninguna (creo).
Si te refieres a mi header (cabecera) el texto que dice "El Escaparate" también forma parte de la imagen.

Anónimo

huichochitlan Pues lo siento :( pero sigo sin entenderte...no hay ninguna imagen en mis "Archivos del blog" :S

Anónimo

huichochitlan Supongo que te refieres al título donde dice "Archivos del blog" pero eso no es una imagen es un color de fondo aplicado en los títulos de la sidebar:

http://elescaparatederosa.blogspot.com/2007/07/imagen-o-color-de-fondo-en-el-ttulo-del.html

AlbaFoto

Hola rosa otra vez, otra duda me ha quedado muy bien tu truco del Crosccol pero me gustariá alinear a la izquierda las líneas pero resulta que en vez de eso me sale centrado y no alieado a la izquierda los renglones d elos comentarios.

aprovechandome de nuevo de tu expertos conocimientos haber si me puedes hechar una mano con esto.


un saludo

AlbaFoto

http://albacete-fotos.blogspot.com/

se me olvido el enlace un saludo

Anónimo

mojul8 En esta parte del CSS añades una línea para que el texto se alinee a la izda, así:
#crosscol-columna-contenedor {
clear:both;
text-align: left;
}

Y una cosita...estás añadiendo tantas cosas, gadget e imágenes de todo tipo al blog que lo estás saturando de una manera que me cuesta un montón entrar...quien tenga una conexión lenta se desesperará...tenlo en cuenta.

AlbaFoto

pues si llevas razon, quitare cositas no había caído yo es que tengo una una conexión muy rápida.

muchas gracias por tu ayuda

Anónimo

mojul8 También yo, por eso no te dije nada antes...pero hoy estoy en un portátil con Wifi y la cosa cambia mucho...

Nathan yo

lo logré pero como le cambio el color de texto por favor ayudame

Unknown

Hola hola Rosa!! n_n

que bien!! me parecio muy bueno para aprovechar espacio y me funciono muy bien!! gracias!

Lady Animazyon

RRS

Hola Rosa me gustaria saber como puedo poner 3 columnas en el header me gustaria aprovechar mejor el espacio del titulo para que el crosscol no se vuelva tan ancho. Gracias.

Anónimo

RSSMira en esta entrada como dividir la cabecera en dos, para hacerlo en tres solo guíate por ella, no creo que te resulte complicado...ahora si, piensalo bien...tendría que ser una cabecera bastante ancha y no se entonces como se vería en todas las pantallas..

http://elescaparatederosa.blogspot.com/2008/11/dividir-la-cabecera-del-blog.html

RRS

Hola rosa, gracias por tu respuesta ya lo intente pero no se ve tan bien y no funciona con lo que estoy buscando, asi que encontre este post tuyo http://elescaparatederosa.blogspot.com/2007/02/tablas-con-bordes-originales.html y creo que se asemeja mas a lo que quiero lo que quiero es poner en el mismo gadget del titulo 2 banners pero cuando los pongo me quedan uno debajo del otro no en la misma fila porque no se como controlar el que no cambie de fila ni el espacio que quiero que haya entre los dos.

RRS

se me olvido ponerte el link de mi blog de pruebas que es donde tengo el ejemplo. aqui va. http://salegiveaway.blogspot.com/

Anónimo

RSS Quieres meter dos banners de publicidad o algo así ¿no? porque estoy pensando que igual te sirve esta entrada de la Bloguería:
http://lablogueria.blogspot.com/2009/04/personalizar-los-cuadros-de-adsense.html

RRS

Si Rosa, justo lo que necesitaba pero la explicacion es muy general y no se como controlar los margenes por todos lados y quisiera saber como puedo controlar el espacio entre los 2 baners tambien. Puedes ayudarme? mira como voy hasta el momento http://salegiveaway.blogspot.com/ Gracias.

Anónimo

RSS A ver...ahora ya es cosa de modificar medidas y padding en los div donde has colocado los anuncios...entiende que yo tampoco puedo saber así sin más las medidas exactas que necesitas...voy a darte una orientación de como más o menos podrías "mover" los divs, pero has de fijarte y a partir de ahí trata de encontrar el "punto" que necesitas para los banners (que yo tampoco se cual es).

Para el primer div, el del banner más ancho, algo así:
<div style="width:55%;float:left;padding:8px 8px 8px 25px;">

Para el pequeño esto:
<div style="width:35%;float:right;padding:8px 8px 8px 8px;">

Anónimo

Hola rosa, mi nombre es EDWINMATOS de la rEPUBLICA DOMINICANA, HE INTENTADO PONERLE 3 COLUMNAS A MI BLOG PERO AUN NO PUEDO.

LO QUE PASA ES QUE MI BLOG AL PARECER ES DE UN TIPO DE PLANTILLA DIFERENTE : Jonga Blogger Templates

esTE ES MI BLOG, AYUDAME PLEASE A PONERLE 3 COLUMNAS

www.lamezcladeldia.blogspot.com

Anónimo

EDWIN Si hablas de añadir una sidebar, en tu blog no es nada sencillo, pues tienes que construir nuevas imágenes para el fondo :S

Anónimo

Gracias, por la ayuda... era lo que buscaba.... te dejo mi blog

Bendiciones

www.vvcr.blogspot.com

Jorge Ángel Aussel

Ya tenía estos espacios agregados a la parte inferior. Ahora los agregué a la parte superior para poner allí mi menubar. Ha funcionado de maravilla. Gracias una vez más...

Sin esto lo había logrado, pero la parte interna de la plantilla era un desastre!

Anónimo

Jorge Ángel Poco a poco vas logrando hacer todo ;)

c

Hola Rosa, una consulta, en el blog laiglesiasantacruz.blogspot.com, tengo un gadget HTML javascript con el truco rotar imágenes. Yo quisiera que esas imágenes sean mas grandes no solo de alto sino también de ancho, y que aparezcan sobre las entradas, pero centradas en la pagina, no a la izquierda, o sea centrada a en relación al menú. Como lo puedo hacer? pues agregue 3 gadget en la paste de arriba de las entradas pero son pequeños, yo no quiero 3 sino uno del ancho total. Cariños, María

Anónimo

c Lo primero retira el código para los tres gadget, una vez retirado te quedará para añadir sobre las entradas el gadget de siempre que ocupa el mismo ancho que las entradas.

Cuando hayas hecho eso, déjame la consulta del "rotar imágenes" en la entrada de donde aplicaste el rotador.

xhabyra

Hola nuevamente me ha servido mucho este tutorial .

Muchas Gracias

narutokun28

hola estaba viendo este
post, pero me pregunataba como añadir cuatro
columnas en vez de 3 , es que quiero tener 4columnas no 3 ,
bueno si me puedes ayudar rosa
gracias


bye

y por cierto buen blog
feliz año nuevo¡

Anónimo

bernardo28 Se me complica explicar eso en un comentario... si quieres envíame un email.

narutokun28

hola rosa , bueno ya lo solucione , mejor me quedo con 3 , si fueran 4 no iba a tener
poco espacio,
gracias .

Okaa-san

Hola rosa!
No es la primera vez que acudo a tu blog en busca de cositas para enriquecer el mio :D Y en esta ocasion vuelvo pero tengo un problemita, mi plantilla es Sand dollar y por mil veces que intenté añadirle las 3 columnitas no me sale y se desconfigura el blog... Si no es mucha molestia agradecería muchisisisisismo que me ayudaras a conseguir ponerlas Ó_Ò

Mi blog:
http://paranoiasdeunacurrante.blogspot.com

Graciaaaas >.<

Anónimo

Okaa-san No se que quieres hacer, pero en ese blog solo veo una imagen enorme de fondo que además no es correcta... sale barra de scroll abajo... no hay entradas ni nada...

Okaa-san

No es correcta?o.o que le ocurre? :O

No se ve nada del blog? dios xDDDD a mi se me ve en los dos ordenadores ._. no se ve algo asi? (igual tarda en cargar Ç_Ç)

http://img706.imageshack.us/img706/9173/dibujoqil.jpg

._. lo que yo quiero son las 3 columnas en donde te remarco con rectangulos en la imagen siguiente:

http://img163.imageshack.us/img163/543/dibujo2nmb.jpg

o por lo menos por ahi arriba, no se si me explico @@
Me vas a mandar a freir esparraguillos ;_;

Anónimo

Okaa-san Si ahora por fin, después de esperar como 10 minutos a que cargase he podido verlo... en Forefox anda superlento...
Para hacer eso que dices no tienes más que seguir los pasos de esta entrada... pero no se para que quieres añadir más... está re-cargado.

Las Matas City

Hola Rosa, Disculpa Que Opine Aqui En Este Post, Pero Es Que Tenia Todos Estos Datos En Mi Planilla Vieja, Pero Como Estoy Usando la Planilla Nueva, Quiero Volver A Implementar Esto Y No Me Salen Los Codigos Como Lo Explica Por Mas Que Busco No Lo Encuentro Con Lo Mismo Detalles Que Expusiste.. Queria Saber si Me Metes La Manito Con Esta Favorcitoooo

Anónimo

Las Matas City No es para las nuevas. lo siento. Pero fíjate bien en el diseñador, porque creo puedes añadir eso de forma automática desde allí.

Las Matas City

Gracias... Vi Que Puedo Hacerlo... Pero No Debajo De La Cabecera.. Sino al Final De La Planilla.. Del Blog... Gracias Por Tu Ayuda....

Anónimo

ola no me aparece en mi edicion html en blogger como puedo hacer me interesa!! http://piketemusikal.com.ar

Anónimo

ωαяяıøł Lo siento, ni siquiera se si es posible en las nuevas plantillas de Blogger... la entrada es para las anteriores.

Hotel Posada Los Olivos

hola rosa, en el header de mi blog, tengo un gadget arriba y otro gadget abajo de mi cabecera. pero en el gadget que esta arriba de mi cabecera quiero poner dos gadgets ahi o dos columnas, para insertar dos codigos diferentes ahi, te agradeceria que me ayudaras porfavor. gracias

Anónimo

Hotel Posada Los Olivos Es una plantilla de las del nuevo diseñador de Blogger, y no sabría decirte... aún no he mirado esas plantillas lo suficiente para indicarte como hacer algo así... supongo que sería algo tipo a dividir el header que publiqué hace poco para ellas... lo siento, pero no puedo ayudarte.

Hotel Posada Los Olivos

No hay problema, lo dejare asi entonces, otra pregunta rosa, me gustaria borrar, eliminar el enlace,link, frase que dice pagina principal se encuentra abajo de la ultima entrada, te agradeceria tu ayuda. gracias.

Anónimo

Hotel Localiza esto en la plantilla con los artilugios expandidos y borralo:
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Hotel Posada Los Olivos

muchas gracias por su ayuda rosa.

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