Ya hemos visto cómo personalizar el gadget de las Páginas y cómo mostrar las Páginas de forma diferente, pero me preguntan si se puede ocultar la sidebar cuando se está en las Páginas.
Sí se puede, y se realiza usando la misma condicional que usamos para mostrar las Páginas de forma distinta.
Puedes ver un ejemplo en este blog de pruebas, verás que al hacer click sobre una Página la sidebar desaparece y el contenido de la Página ocupa todo el ancho del blog.
ACLARACIÓN: Los elementos mencionados a continuación son los que usan la mayoría de las plantillas clásicas de Blogger, en otras plantillas posiblemente encontrarás los elementos con el mismo nombre, de lo contrario deberás localizar en tu plantilla cuál es el nombre que corresponde. Si usas una plantilla hecha a través del Diseñador de Plantillas de Blogger entonces sigue este tutorial.
Lo único que necesitamos es saber cuánto mide el outer-wrapper de tu blog; en la plantilla Mínima dice esto:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
En este caso el outer-wrapper mide 660px.
Entonces lo que haremos será entrar en Diseño > Edición de HTML y pegar antes de </head> lo siguiente:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
display:none;
visibility:hidden;
}
#main-wrapper {
width: 660px;
}
</style>
</b:if>
Como ven sólo hemos usado una condicional la cual indica que cuando se trate de una Página entonces el contenedor de la sidebar medirá 0px de ancho, o sea nada, y además el contenedor del área de las entradas medirá el total del ancho del blog, en este caso 660px.
Como mencioné antes, los nombres de los contenedores pueden variar según la plantilla, sólo deberán localizar cuál es el nombre del contendor de la sidebar (sidebar-wrapper), el área de las entradas (main-wrapper) y el ancho total del blog (outer-wrapper).
Por supuesto este hack también se puede combinar con el de
mostrar las Páginas de forma diferente, sólo habría que agregar los estilos correspondientes dentro de este código, con lo cual quedaría así de forma completa:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
display:none;
visibility:hidden;
}
#main-wrapper {
width: 660px;
}
.post {
color: #8A4B08; /* Color del texto */
border: 1px solid #FF8000; /* Color del borde */
margin:.5em 0 1.5em;
padding: 5px;
background: #F2F5A9; /* Color de fondo o imagen de fondo */
}
.post h3 a {
color: #cc6600; /* Color del titulo */
font-family: Impact; /* Tipo de letra del titulo */
font-size: 20px; /* Tamaño de letra del titulo */
text-transform: uppercase;
text-align: center; /* Alineación del título */
letter-spacing: 5px;
}
.post h3 a:hover {
color: #FF8000; /* Color del título al pasar el cursor */
}
.post img {
padding:4px;
border:2px solid #FF8000; /* Color del borde las imágenes */
}
</style>
</b:if>
Como ven, la primera parte contiene la indicación sobre ocultar la sidebar dentro de las Páginas y la segunda parte contiene los estilos para las Páginas.
De esta forma sencilla hemos podido ocultar la sidebar en las Páginas estáticas con la posibilidad de mostrar las Páginas de forma diferente.
Muy bueno, ahora buscare esa partede mi plantilla.
ResponderEliminarPero te pregunto sobre los perfilesde los comentarios.
como se pueden abrir en otrapestaña o ventana.
Hola El Venado,
ResponderEliminarExpande los artilugios, busca esta parte y agrega lo que está en negrita:
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
Saludos.
Que bueno, lástima que yo no puedo hacer paginas. Te acordas del link que me diste, contacté con el hombre de la web y me dijo que me la enviaría pero ya llebamos 2 semanas...
ResponderEliminarjaja
Bueno, cuando lo tenga (si lo tengo) utilizaré estos truquillos....
Genioooo jaja, nunca voy a dejar de pensarlo, un abrazo grande!!
ResponderEliminarJkEandi, jajaja, seguro muchos le habrán mandado la plantilla, así que debe estar con mucho trabajo encima ;)
ResponderEliminarPozo+10, se puede hacer con Photoshop, en TutoMax puedes preguntar, seguro sabrán orientarte.
Ezequiel, gracias hermano, otro abrazo para ti!
Casualmente así lo hice el domingo pasado con la plantilla de pruebas, siguiendo las indicaciones de tu otra entrada, la que enlazas.
ResponderEliminarLa verdad es que sabiendo cómo es el condicional, la imaginación es el único limite, se puede hacer cualquier cosa, como mostrar un widget especial para las páginas estáticas, que no se vea la cabecera, que el fondo sea distinto... Es decir, hasta donde el buen gusto y la imaginación lleguen.
Hola José GDF,
ResponderEliminarTienes toda la razón, teniendo la condicional bien ubicada puede hacerse todo lo que se quiera en cuanto a diseño se refiere; que sería lo mismo que haríamos usando otras condicionales para hacer ciertas cosas sólo en la portada o en las entradas individuales.
Saludos.
Como Dije Antes.. El Rey de Blogger..
ResponderEliminar¡El Potroooooooooooooo!
UFFFFF!!
Esto me puede servir para el blog que cree sin saber Porque!
Un Abrazo!
Whoa potro
ResponderEliminarno pense que supieras tan pronto lo de las Paginas Estaticas
me gusta mucho tu idea para darle más originalidad a la Pagina Estatica
Deberias trabajar para blogger
ResponderEliminarjajaja
chiste malo
jaja
Blogio, jajaja, primero habrá que investigar para qué abriste ese blog :P
ResponderEliminarAlex, es como si trabajara para ellos pero sin sueldo :(
Wow Bro, me sorprende todo lo que se puede hacer con Blogger hoy en día. Cuando me inicié en esto, era cuestión de agarrar una plantilla bonita y sólo postear. Ahora se pueden hacer maravillas con tus trucos, ya no son necesariamente un simple blog, sino que pueden transformarse en sitios complejos... muchas gracias por compartir todos estos trucos...
ResponderEliminarComo dice Blogio "el Rey de Blogger"
Un abrazo!!!
Con estos trucos que nos traes, ahora podemos hacer una web en blogger jejeje. Saludos!
ResponderEliminarbrother, estoy muy pero muuuuuuuuy lejos de ese título, pero siempre se agradece la amabilidad :D
ResponderEliminarPepeX, prácticamente sí, aunque sigo pensando que un blog es más funcional :)
Hola, quisiera saber si me podrías ayudar... quisiera mover la parte donde van las entradas mas hacia la izq, y mi sidebar que quedara como el tuyo, mas grueso y pues poder poner doble gadget a la misma altura mi blog es http://wasadrunkworld.blogspot.com
ResponderEliminary como hiciste para que en los posts aparezca la foto de el que escribe?
ResponderEliminarHola Drunkboy,
ResponderEliminarEl proceso para agregar otra sidebar junto a la que tienes no es difícil pero sí requiere demasiadas instrucciones, mejor te dejo un enlace donde puedes ver cómo hacerlo:
http://www.blogmundi.com/2007/02/16/anadir-una-barra-lateral-sidebar-en-blogger/
De las fotos no te he entendido, en los posts no tengo fotos de quien escribe ¿te refieres a las fotos de los comentaristas?
Saludos.
si esas mismas fotos de los que comentan
ResponderEliminarEntra en Diseño > Edición de HTML, marca la casilla Expandir artilugios y busca esta línea:
ResponderEliminar<dl id='comments-block'>
Remplazala por esta:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Luego busca esta otra línea:
<a expr:name='data:comment.anchorName'/>
Y debajo de ella pega esto:
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
Con eso deberán aparecer las fotos de los comentaristas.
Saludos.
Hola Potro Adivina que?
ResponderEliminarotra vez no aparecen los comentarios :(
http://blogstrello.blogspot.com/
Ayudaaaaaaaa!
SALU2, REY DE BLOGGER!
Siempre que hagas cambios en tu plantilla haz un respaldo por si suceden este tipo de situaciones ;)
ResponderEliminarHaz de nuevo lo que te comenté la última vez.
Saludos.
Hola.Otra vez yo....
ResponderEliminarEn uno de mis blogs no encuentro la forma de reducir el espacio que hay entre los elementos del sidebar.Y tampoco la de reducir el tamaño del titulo de los posts.Gracias si puedes de nuevo echarme una mano.
Por si acaso dejo la dirección de la página :
http://www.sagitaire17.com/
Buen inicio de semana.
Buff Jajajajaja!
ResponderEliminarya encontre el motivo porque cree ese blog
para videos chistosos musica y mucho mas!
http://blogstrello.blogspot.com
Jajajaja..
Hola el potro, me gusto este post, yo lo habia hecho antes poniendo la condicional a todo el sidebar para que nisiquiera cargara, pero creo que esta manera es más sencilla.
ResponderEliminarUna pregunta ¿cómo puedo poner un avatar predifinido a todos aquellos comentaristas que no lo posean? Me refiero a los anónimos y a los de Nombre/URL, de ser posible uno diferente a cada uno :D
Muchas gracias
Hola sagitaire17,
ResponderEliminarEl tamaño de los títulos de las entradas lo modificas en esta área, específicamente en negrita:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:190%;
font-weight:normal;
line-height:1.4em;
color:#000000;
}
La separación entre los gadgets de la sidebar la modificas aquí:
.sidebar .widget, .main .widget {
border-bottom:1px dotted #ffffff;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Nuevamente lo que está en negrita, intenta con un .5em y dale Vista Previa.
Saludos.
Hola Francisco Bórquez,
ResponderEliminarTambién se puede hacer de la manera que lo habías hecho, sólo que suele ser más complicado sobre todo cuando se tienen muchos gadgets, pues hay que encontrar minuciosamente el cierre del contenedor.
Te dejo un enlace donde JMiur tiene una explicación detallada de cómo poner esos avatares:
http://vagabundia.blogspot.com/2009/09/blogger-avatares-en-los-comentarios.html
Saludos.
Qué raro, siendo tan sencillo ésto a mi no me sale, no se me desaparece la sidebar en las estáticas por más que lo intento.
ResponderEliminarTengo un width:770px;
He probado con diseño y sin diseño y no hay caso. Si se te ocurre a qué se puede deber este problema, te agradezco.
Un saludo.
Esto que estoy viendo es algo muy útil... guau, no se si ahora lo voy a poder usar, pero lo guardo en favoritos como hice con muchas cosas de tu blog, jaja.
ResponderEliminarPor ejemplo, ahora pizcos explicó como hacer un foro, lo que se puede hacer es crear el foro y en ese foro que se valla la sidebar, sin duda, un 10!
Nos vemos!
enrique, necesitaría ver tu blog para saber dónde está el error. Lo más seguro es que los contenedores de tu plantilla tienen otro nombre y no los que he mencionado aquí.
ResponderEliminarAscesino96, qué bueno que ya estás de vuelta :)
Hola el potro, maestro.
ResponderEliminarAyer de una manera un poco extraña me decidí a escribir un blog de ayuda, talvez insipirado en lo fantástico que es este, si deseas echarle un vistazo la dirección http://exablogger.blogspot.com/ ahí mismo explico lo del buscador con la misma dirección del blog que te decía el otro día.
Un saludo
Excelente Francisco, ya me he dado una vuelta rápido y te ha quedado bien, ya con un poco más de tiempo me detendré detenidamente a verlo.
ResponderEliminarMucha suerte y éxito con este nuevo proyecto!
Un abrazo!
Hola ElPotro,
ResponderEliminarHe podido cambiar el tamaño de los títulos de las entradas.Pero para el espacio entre los gadgets en el sidebar no hay forma.
Pues ahí es donde se controla la separación de los gadgets, a menos que anteriormente hayas cambiado algo que hizo que se separaran de esa forma.
ResponderEliminarMe temo que es lo que pasara.Estuve trajinando tanto la plantilla...
ResponderEliminarSí, justamente fue eso pero ya encontré dónde está la causa.
ResponderEliminarBusca esta parte:
/* Headings
----------------------------------------------- */
h2 {
margin:8.5em 0 .75em;
Cambia ese 8.5em por 1.5em
Saludos.
Ya esta.Muchas gracias.Para que el contenido del main-wrapper no este tan pegado a la cabecera lo había bajado,y para que el sidebar este más o menos a la misma altura toque eso.Ahora lo que no se es como conseguir más separación entre la cabecera y la totalidad del out-wraper...
ResponderEliminarPara eso busca donde dice:
ResponderEliminar#content-wrapper {
Y justo debajo agrega esto:
margin-top: 60px;
Modifica los 60px por la distancia que quieras.
Saludos.
Siento estar molestandote tanto...pero en esta maldita plantilla minima de Blogger no encuentro #content-wrapper {
ResponderEliminar¿Sera que con esta plantilla no te dan esta opción?
Saludos.
sagitaire17, no importa que no lo tenga, puedes agregarlo a tu plantilla y surtirán los efectos. Saludos.
ResponderEliminarFakeDark, sale pues, seguro todo saldrá bien ;)
He tenido que añadirle el } final,pero por fin ya esta con eso.Otra vez muchas gracias.Es una gran suerte poder contar con tu ayuda.
ResponderEliminarSaludos.
Por nada, qué bueno que por fin ya está como querías.
ResponderEliminarSaludos.
Gracias por lo de la paginación, ya lo arreglé.
ResponderEliminarPues para quitarlo tendrías que seguir los pasos que usaste para ponerlo y quitar los códigos que hayas añadido.
Saludos.
Potro...nuevamente te pasaste, tu blog y tus instrucciones son geniales y muy claras, ya me has ayudado en varias oportunidades y te doy las gracias...seguí lo de ocultar las sidebar y me resulto excelente...pero te quiero perdir si me ayudas con otra cosita, que no me había dado cuenta antes...en mi blog no aparecen al final "entradas antiguas","entradas recientes" y "página principal"...lei unos tutoriales sobre esto, pero la verdad no entendí mucho...¿Me ayudas?...porfavor...
ResponderEliminarMaría Angélica.
www.mi-tallerdepapel.blogspot.com
Hola María Angélica,
ResponderEliminarQué gusto que todo lo has encontrado aquí te ha sido útil y funcional.
Hay un problema general en todos los blogs respecto a los enlaces de navegación (entradas antiguas, etc.).
Pero igual hay una solución; te dejo un enlace donde Rosa explica cómo solucionarlo de una manera extremadamente fácil:
http://elescaparatederosa.blogspot.com/2010/02/recuperar-los-enlaces-de-navegacion-iii.html
Saludos.
Logrado, Potro, era muy fácil: lo mío pasaba sólo por poner main y sidebar a secas, borrando el -wrapper. Era fácil la cosa.
ResponderEliminarMuy agradecido, de verdad.
Lo sabía, generalmente las plantillas que tienen otros nombres para sus contenedores no varía mucho, como en tu caso.
ResponderEliminarQué bueno que ya te ha funcionado :D
Saludos.
Muy bueno el post (y el blog, todo entero, la verdad).
ResponderEliminarTengo una consulta. Hice el truco sin problemas, pero hueveando me di cuenta de que, si bien la sidebar desaparece de la derecha, se me va a la izquierda al final del main.
Me fijé en tu página de ejemplo y eso no te pasó. Alguna indicación para darme? Probé algunas cosas pero nada funcionó.
Necesitaría saber en qué blog sucede eso así como la URL de una página que tengas para observar a detalle el problema.
ResponderEliminarSaludos!
Esto me pasa específicamente en: http://leonardomoledo.blogspot.com/p/cineclub.html
ResponderEliminarEn el caso de tu plantilla el contenedor de la sidebar no se llama sidebar-wrapper, sino sidebar.
ResponderEliminarPor lo tanto busca esta parte del código que menciono en esta entrada:
#sidebar-wrapper {
width: 0px;
}
Y cámbialo por:
#sidebar {
width: 0px;
}
Saludos.
Genial!
ResponderEliminarNo me había dado cuenta de eso. Muchas gracias!
De todas formas me quedó una pequeña línea de la sidebar, ahora del lado derecho. Pero supongo que debe tener que ver con tener un video en la sidebar. No creo que se pueda hacer mucho más.
Hola:
ResponderEliminarMuy bueno este post...
Me gustaria saber como hago para colocar este codigo solo para las paginas que yo elija, si ven mi blog, veran que la pagina de inicio solo tiene la opcion de entrar al blog, y las otras paginas pues tienen de todo, pero me gustaria que en algunas paginas se pueda aplicar este codigo...
Espero me puedan ayudar...
David "El Chiko de Rojo"
http://portablesmiscelaneos.tk o http://portablesmiscelaneos.blogspot.com
Ezequiel M., recuerda que el main-wrapper debe tener el ancho total del outer-wrapper. En tu caso es de 790px y tú le has asignado al main-wrapper sólo 770px.
ResponderEliminarPor lo tanto cambia igual en la parte del código de esta entrada esto:
#main-wrapper {
width: 770px;
}
Por esto:
#main-wrapper {
width: 790px;
}
Saludos.
El Chiko de Rojo,
ResponderEliminarCambia la primera línea del código que debes pegar por esta:
<b:if cond='data:blog.url == "URL de la pagina"'>
Agrega la URL de la página que quieres que luzca diferente donde se indica.
Saludos.
Hola de nuevo:
ResponderEliminarYa probe el codigo pero me sale que esta mal formado...
Le adjunto el problema de error que me sale:
Mensaje de error de XML: Element type "b:if" must be followed by either attribute specifications, ">" or "/>".
Grax!!! de antemano
David "El Chiko de Rojo"
http://portablesmiscelaneos.tk // http://portablesmiscelaneos.blogspot.com
Este comentario ha sido eliminado por el autor.
ResponderEliminarSi me puede mandar un ejemplo se lo agradeceria... mi outer-wraper es de 990
ResponderEliminarSólo hay que cambiar la primera línea por lo que te comenté:
ResponderEliminar<b:if cond='data:blog.url == "URL de la pagina"'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
}
#main-wrapper {
width: 990px;
}
</style>
</b:if>
Saludos.
estaba en 790px, pero como de todas formas me aparecía esa línea de la barra, lo puse en 770 para que quedara bien con el banner. Pero en 790 es lo mismo.
ResponderEliminar¿Tu plantilla tenía dos sidebar? Pues veo en la hoja de estilos propiedades para una llamada #sidebar pero en la estructura veo otra llamada #sidebar-wrapper.
ResponderEliminarSi es así entonces además de lo que pusiste agrega esto:
#sidebar-wrapper {
width: 0px;
}
Saludos.
No que yo sepa, pero vale probar. Vamos a ver si se resuelve.
ResponderEliminarGracias!
Está excelenteya lo apliqué al blog; me interesa ocultar el header también, supongo que es el mimso código pero va en la parte del header, pero no me atrevo a probar.
ResponderEliminarGracias
Exacto, sería agregar debajo de:
ResponderEliminar#sidebar-wrapper {
width: 0px;
}
Esto:
#header-wrapper {
width: 0px;
}
Saludos.
Ups me atonté, quiero ocultar la "cabecera de blog cambiante" que más tengo que hacer, porque no se elimina este artilugoio que puse.
ResponderEliminarEn el caso de tu cabecera cambiante habría que agregar esto:
ResponderEliminar#HTML1 {
width: 0px;
height: 0px;
}
Saludos.
Gracias , peeeero no se que esté haciendo mal no me funciona
ResponderEliminarNo veo que tengas el código en la plantilla así que me es imposible saber cuál es el error.
ResponderEliminarSaludos.
Es que como no funcionó no lo guardé, luego veo que pasá, como si supiera, jajja. Mas bien luego te molesto de nuevo. ¿como te envio parte de la plantilla para que la veas si está bien?
ResponderEliminarEn unos días más habilitaré de nuevo el formulario de contacto que está en la sidebar, en cuanto esté habilitado me la mandas.
ResponderEliminarSaludos.
Oye men me resulto de maravilla Gracias pero una pregunta yo uso la plantilla Minima y agrege una "sidebar" de lado izquierdo y al aplicar este truco no se esconde "el sidebar" de lado izquierdo solo el del derecho, hay manera de que se oculten los dos? y otra pregunta esto tambien funciona dentro de las entradas "post" normales o solo en las paginas Estaticas? Saludos espero qe respondas.
ResponderEliminarHola El Potro:
ResponderEliminarDarte las gracias porque mi blog gracias a ti ha cambiado totalmente de aspecto.
Decirte que he aplicado lo que pones para Ocultar la Sidebar en las Páginas estáticas y no me sale. No se me oculta la sidebar.
Mire la outer-wrapper de mi plantilla y media 740px;
lo aplique a main-wrapper {width: 740px;
y no se me oculta la sidebar.
¿que puede ser?
Saludos
Damià
http://pulpojusticiero.blogspot.com/
Hola sixto76,
ResponderEliminarPara ocultar la otra sidebar agrega al código esto:
#newsidebar-wrapper {
width: 0px;
}
Este truco sólo funciona para las páginas estáticas aunque igual se puede modificar para las entradas individuales.
Saludos.
Hola Pulpo Justiciero,
ResponderEliminarEn el caso de esa plantilla tiene diversos nombres la sidebar y el main-wrapper, por lo que habría que poner todo esto:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#sidebar-wrap {
width: 0px;
}
#sidebartop-wrap {
width: 0px;
}
#sidebartop-wrap2 {
width: 0px;
}
#main {
width: 740px;
}
</style>
</b:if>
Saludos.
Hola Potro, mi problema es con la cabecera cambiante, ya le puse el código y no funciona, pero lo más chistoso es que ahorita le puse el de ocultar header-wrapper y se oculta la side bar, ya le puse todos incluso el html1 y lo único que pasa es que la cabecera sale a medias hacia la izquierda. Qué estará pasando? www.dajaroma.blogspot.com
ResponderEliminarHola Potro:
ResponderEliminarhe puesto en la plantilla lo que me indicas y efectivamente desaparece la sidebar pero la página me queda cortada... ¿Alguna solución? Muchas gracias por tu ayuda.
Damià
http://pulpojusticiero.blogspot.com/
Hola buenas,
ResponderEliminaracabo de descubrir tu blog y me parece super interesante; o sea, que gracias de antemano!!!
me gustaria poder aplicar esta opcion en nuestro blog, y probando veo que no me hace nada de nada (ya que no utilizo la plantilla minima);
sabes como lo podria solucionar???
y ya que estoy, tengo dos preguntas mas; como podria hacerlo para poner una pagina de inicio, sin que saliese la sidebar ni la cabezera???
y la segunda, en el caso de nuestro blog, como podria alinear las diferentes entradas que tenemos???
muchas gracias
Hola dajaroma,
ResponderEliminarEn sí con el primero que te di, el de:
#header-wrapper {
width: 0px;
height:0px;
}
También debería funcionar para la cabecera cambiante, ya que el elemento se encuentra dentro del contenedor header-wrapper, lo curioso es que dices que al poner eso se oculta la sidebar, pues eso no debería suceder.
Sería mejor que me mostraras el código que estás poniendo para ver dónde está el error.
Saludos.
Hola Pulpo Justiciero,
ResponderEliminarEl problema con esa plantilla es que tanto la sidebar como el fondo de las entradas están hechas con imágenes, por lo que aunque agrandes las entradas para eliminar la sidebar se verá mal pues el tamaño de la imagen es la misma :(
Hola Jaume i Cris,
ResponderEliminarBienvenidos a Ciudad Blogger!
Necesitaría saber en cuál blog quieres aplicar lo de ocultar la sidebar.
Lo que mencionas acerca de ocultar todo algo así como un intro quizá puedas encontrarlo aquí:
http://oloblogger.blogspot.com/2010/02/portada-en-pagina-inicio.html
¿A qué te refieres con alinear las entradas?
Saludos.
Hola Potro, perdona por la falta de info.
ResponderEliminarEl blog con el que trabajo ultimamente es http://viatgesjaumeicris.blogspot.com/
Alinear las entradas me refiero a tenerlas juntas, una al lado de otro, o sea, si te pones en el blog, que La Rioja Alavesa y Carcassonne esten alineadas.
Y si, gracias por el link de la portada; voy a investigar un poco!!!
Gracias de nuevo
Hola de nuevo,
ResponderEliminarEn el caso de esa plantilla los elementos quedarían así:
div#sidebar-wrapper {
width: 0%;
}
div#main-wrapper {
width: 100%;
}
Lo otro de la alineación no sabría decirte ya que esa es una modificación de la plantilla la cual desconozco cómo la hayas hecho.
Saludos.
Potro ya hice que funcionara le agrague un complemento que saqué de "El escaparate de rosa"
ResponderEliminarvisibility:hidden;
display:none;
A lo mejor de tantas modificaciones que tengo esto era lo que le faltaba. ahí te lo dejo para aquellos que no les funciona del todo.
GRACIAS
Qué bueno que ya lo has solucionado ;)
ResponderEliminaryo le tuve que poner un height: 0px; a la sidebar porque me aparecía el espacio que ocuparía la sidebar entre el foooter y el main, en fin, también agrandé la header y el crosscol ;)
ResponderEliminarPor sierto, como hago para usar el efecto que usa pizcos en su blog... me dijo que era con condicionales, y le entendí, pero ni siquiera se cambiar la palabra de la etiqeuta por una imagen u.u
y oara que en los posts tampoco aparezca la sidebar???
ResponderEliminarcual es la condicional de los posts?? a provado con posts, post, y nada u.u
ResponderEliminary el de las labels??
ResponderEliminarhola de nuevo
ResponderEliminarhe puesto lo que me comentaste y no me hace nada de nada
div#sidebar-wrapper {
width: 0%;
}
div#main-wrapper {
width: 100%;
}
sabrias arreglarlo???
muchas gracias potro
Hola Ascesino96,
ResponderEliminarNo sé a qué efecto te refieres.
Para que en las entradas no aparezca la sidebar sería usar el mismo código sólo habría que cambiar la primera línea, o sea esta:
<b:if cond='data:blog.pageType == "static_page"'>
Por esta:
<b:if cond='data:blog.pageType == "item"'>
Saludos.
Hola Jaume i Cris,
ResponderEliminarCon eso debió haber quedado, al menos yo hice la prueba con esa plantilla y sí funcionó, no sé qué más pueda ser.
Bueno, eso ya lo logré hacer, pero ahora necesito saber como hacer eso mismo pero en las etiqeutas, por ejemplo al entrar a /search/label/noticias no se muestre la sidebar...??
ResponderEliminarSaludos ;)
Ummm no sé si haya una condicional específica para las etiquetas.
ResponderEliminarTe dejo un enlace donde JMiur explica todo este asunto de las condicionales y las distintas condicionales que usa Blogger, quizá ahí puedas encontrar más información:
http://vagabundia.blogspot.com/2009/04/los-codigos-condicionales.html
Saludos.
Potro una pregunta, si no es mucha molestia me explicas para agregar este truco tambien a las entradas "post" y no solo a las pagians estaticas, Saludos.
ResponderEliminarHola Sixto Daniel,
ResponderEliminarEn el segundo código sustituye esta línea:
<b:if cond='data:blog.pageType == "static_page"'>
Por esta otra:
<b:if cond='data:blog.pageType == "item"'>
Esto hará que cuando hagas click en una entrada la sidebar desaparecerá pero aparecerá en la página principal del blog.
Saludos.
Gracias Potro me funciono a la perfeccion disculpa tanta preguntadera pero y si lo quiero agregar a las paginas estaticas y a las entradas? que tendria que hacer? espero qe respondas, y disculpa por no preguntar de una vez, Saludos potro
ResponderEliminarMe imaginé que lo preguntarías :P
ResponderEliminarEntonces no elimines la línea que te dije, consérvala y arriba de ella pega la otra que te mencioné.
Luego hasta abajo del código agrega esto:
</b:if>
Dime si con eso funciona.
Saludos.
Si me funciono Potro Muchas Gracias, Bendiciones amigo. me gusta tu blog lo agregare a favoritos es de mucha ayuda para gente como yo xD saludos!
ResponderEliminarSaludos potro otra vez yo, mira te planteo esta pregunta aqui por que la verdad nose donde mas hacerlo, solo queria saber como hacer Banners en flash, si me recomiendas un programa, facil de usar o como sea, quiero crear banner en flash pero no tengo la minima idea de como hacerlo, vi el tuyo de Fondos240 y creo que podrias ayudarme, espero tu respuesta y si me dices donde puedo dejarte mis preguntas o cosas asi, Saludos
ResponderEliminarHola Sixto Daniel,
ResponderEliminarHay uno muy sencillo y fácil de usar que se llama Flash Intro Banner Maker.
Si quieres algo más profesional definitivamente sería con Flash. Si escoges este último te recomiendo visites Trucos Flash, ahí hay tutoriales sobre ese programa.
Saludos.
Gracias potro, Saludos.
ResponderEliminarUna ultima pregunta "creo" :X
hay manera de agregar un fondo a cada pagina estatica?
por ejemplo crear una pagina estatica y cuando entren tenga un fondo y crear otra y agregarle un fondo diferente, eso se puede?
Claro, usa la condicional que se menciona en esta entrada, sería la de especificar la URL de la entrada, así podrás agregar estilos por cada página.
ResponderEliminarSaludos.
POTRO LA ULTIMA PREGUNTA YA PARA NO MOLESTAR MAS ENSERIO XD, COMO HAGO PARA OCULTAR LAS IMAGENES EN LA PAGINA PRINCIPAL, AGREGE EL TRUCO DE "LEER MAS" CON IMAGENES EN MINIATURA, PERO NO QUIERO QUE SE VEAN LAS IMAGENES SOLO EL TITULO Y EL TEXTO Y LAS IMAGENES QUE AGREGEN NO SE VEAN, PORFA AYUDAME EN ESO Y DE NUEVO DISCULPA
ResponderEliminarNo es ninguna molestia, sólo vamos a poner las preguntas en la entrada que corresponde para que quien busque información adicional en los comentarios no se confunda al tratarse de otros temas.
ResponderEliminarDentro del script que se agrega busca esta parte:
<span style="float:left; padding:0px 10px 5px 0px;">
Cámbialo por esto:
<span style="visibility:hidden;display:none;float:left; padding:0px 10px 5px 0px;">
Saludos!
Holaaaa! no me salió bien! sigue saliendo la sidebar de la izq. y el main sale debajo de esta sidebar. la sidebar derecha si k se oculta. Ayuda porfavor!!
ResponderEliminarEs que tienes dos sidebar por lo tanto en el código debes incluir los códigos para ambas sidebar, o sea para #sidebar-wrapper y #sidebar-wrapperL
ResponderEliminardisculpa potro se qe me dijistes que trate de preguntar en cada entrada para que no se confundan pero nose donde preguntar esto por qe no veo qe entrada coinside con mi pregunta, quisiera saber como poner el color de fondo de las entradas, sidebar pero transparante, por ejemplo poner una imagen de fondo y que el color de los post sea negro un ejemplo pero negro transparente y se vea detras el fondo del blog, nose si me explique?
ResponderEliminaraparte queria saber como poner los titulos de las entradas al lado de las imagenes y no arriba "USO EL TRUCO LEER MAS.." para qe salgan los titulos al lado de las imagenes y el texto debajo de los titulos como hago eso? Saludos y disculpa qe pregunte por aqui.
Si la entrada no existe no hay ningún problema en que comentes en otra entrada, tampoco creas que soy un ogro ;)
ResponderEliminarPara poner un fondo transparente en las entradas necesitas tener una imagen transparente. Luego busca en tu plantilla esta parte:
.post {
Y debajo de ella agrega esto:
background: url(URL de la imagen transparente);
Con eso se verá transparente y se verá el fondo del blog. Más adelante haré una entrada con una explicación más detallada.
Hasta donde sé no se pueden poner las imágenes junto a los títulos.
Las imágenes pertenecen al cuerpo de la entrada y siempre estará debajo del título.
Saludos.
Mira potro un ejemplo de lo que mas o menos quiero es algo como esto http://simple-black-metal-template.blogspot.com/ mira esa plantilla creo que la hicistes tu, se ve el fondo y en los post y en los sidebar se ve el fondo pero hay un color negro como transparente que ocupa el lugar de los sidebar y los post, entiendes?
ResponderEliminary lo de ogro xD solo que en "el escaparate de rosa" hice una pregunta y me respondio no del todo bien.
Colores oscuros, Transparencias en los contenedores
ResponderEliminaresa es la descripcion de la plantilla.
Transparenciaas en los contenedores creo que eso es lo que quiero hacer yo!
POTRO LISTO YA SUPE COMO XD..
ResponderEliminarAHORA TENGO UNA PREGUNTA YA PARA SALIR DE TODO EL ROLLO..
AL APLICAR UNA IMAGEN DE FONDO AL CUERPO DE LA PAGINA
OUTER-WRAPPER
LA IMAGEN SE PONE DESDE ARRIBA HASTA ABAJO OSEA LA CABEZERA TAMBIEN TOMA ESA IMAGEN DE FONDO.
Y YO QUISIERA SABER COMO PONER LA IMAGEN DE FONDO EN EL CUERPO DE LA ENTRADA PERO QUE NO LLEGE A LA CABEZERA ME EXPLIQUE?
De hecho el código que te pasé está basado en el de esa plantilla, así es como conseguí esa transparencia.
ResponderEliminarPara poner la imagen de fondo ahí busca esta línea:
#main-wrapper {
Debajo pega esto:
background: url(URL de la imagen);
Saludos.
Potro pero no respondistes mi ultima pregunta, mira esta plantilla es la Minima..
ResponderEliminarhttp://ciudadbloggerpruebas.blogspot.com/
yo quisiera saber como hicistes o nose para que donde se escriben las entradas y los sidebar tenga un fondo blanco pero ese blanco no afecta la imagen de la cabezera entiendes? yo al poner una imagen en outer wrapper llega hasta abajo en el footer y hasta arriba en la cabezera y yo no quiero que cubra la cabezera ayudame y ya no pregunto mas:x "hasta que te vuelva a necesitar"
SALUDOS!
Te lo respondí en el comentario anterior, necesitas poner ahí la imagen para que esté de fondo en el área de las entradas sin que afecte la cabecera.
ResponderEliminarPotro Mil gracias por todos los problemas que me has ayudado a solucionar, te lo agradesco de corazon..
ResponderEliminary si no es mucha molestia mira esto es lo qe yo no me explico hasta ahora..
http://ciudadbloggerpruebas.blogspot.com/
ese es tu blog de pruebas ( Uno de los muchos que tienes )
esa plantilla es la "Minima" y tiene el margen blanco osea qe no cubre el header ni el footer solo donde van las entradas y los sidebar tiene su hoja blanca y eso es lo que yo quiero hacer..
cuando lo pongo en main-wrapper
no tiene el formato al final de la pagina..
por qe cuando lo pongo en sidebar-wrapper el fondo llega hasta donde llega el contenido de la sidebar y el main llega hasta donde llega el contenido de los post entonces no tiene el formato, me puedes ayudar a solucionar eso?
Entonces agrega el color de fondo en los tres contenedores, es decir, dentro de cada uno de estos:
ResponderEliminar#main-wrapper {
#content-wrapper {
#sidebar-wrapper {
Saludos.
GRACIAS POTRO PERO MIRA TENGO UN PROBLEMA!
ResponderEliminarUSO LA PLANTILLA MINIMA Y NO ME SALE EL CONTENT-WRAPPER COMO EL SIDEBAR-WRAPPER OSEA NO ESTA EN MI PLANTILLA SOLO DICE CONTENT-WRAPPER PERO DENTRO DE UN "div id" o algo asi.
como agrego el content-wrapper a la plantilla para tener la opcion de agregar el background y eso.
y potro mil gracias por tu pasiencia al responder todas mis preguntas tengo mas que claro que soy demaciado pregunton y por lo mismo te pido disculpas y gracias por responder, saludos y suerte man!
Agregalo junto a los otros, puede ser arriba de #main-wrapper
ResponderEliminar#content-wrapper {
background:#FFF;
}
Saludos.
Hola Potro, ami me dice:
ResponderEliminar#outer-wrapper {
margin: 0 auto;
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 15px;
position: relative;
width: 100%;
text-align: center;
}
En width me dice 100%, probe poniendo esa cifra y no funciono. Mi web es www.porvelez.com.ar
En el caso de tu blog el ancho está en esta parte:
ResponderEliminar#blog-wrapper {
Ese es el que deberás incluir en el código para que se vea el cambio.
Saludos.
no me funciona,,, no me aparece nada directamente :S
ResponderEliminarComo mencioné al inicio de la entrada, los códigos que pongo de ejemplo son para la plantilla mínima, si se tiene una plantilla personalizada se tiene que buscar el nombre de los contenedores que corresponden para la sidebar y main-wrapper.
ResponderEliminarEn tu caso los contenedores de las sidebar son, #side-wrapper1 y #side-wrapper2
Potro! necesito saber como puedo mover una barra lateral donde en mi caso dice barra de video hacia la derecha y el cuerpo de las entradas al medio.
ResponderEliminargracias Potro!
No se puede pues no son dos sidebars separadas sino una sola dividida en dos :s
ResponderEliminarummmmmmmmmm! entiendo, entonces para mover el cuerpo de las entradas hacia la izquierda y los sidebars hacia la derecha?
ResponderEliminarBusca donde dice
ResponderEliminar.column {
float:left;
}
Y cambia left por right
gracias Potro!!
ResponderEliminarExcelente, ya hice el cambio para una página estática específica, le he quitado una de las dos sidebars del blog, eres un monstruo, Potro!!
ResponderEliminarMe costó un poco encontrar el nombre de los contenedores, todos eran diferentes al ejemplo, pero valió la pena.
Una pregunta, al final de las páginas estáticas aparece un link que dice Página Principal; como puedo cambiarle el nombre a ese link?
Hola Enrique Muley,
ResponderEliminarEn algunas plantillas cuesta mucho trabajo encontrar el nombre de los contenedores y puede ser un verdadero martirio, pero por suerte ya pudiste resolverlo :)
Para cambiar el nombre de esos links (links de navegación) o cambiarlos por una imagen lee esta entrada.
¡Saludos!
Y yo buscando Página Principal en la plantilla..jeje
ResponderEliminarMuchas gracias, Potro!
hola potro. tengo una dificultad , todavia no e podido ocultar los sidebar y que se corriera el texto . puedes mirar aca:
ResponderEliminarhttp://www.cienciaexplicada.com/p/matematicas.html
mira que todavia no lo e logrado, no se en que estoy fallando ya e intentado buscar los contenedores pero nada.
si me ayudas te lo agradeceria . gracias
Lo has logrado en parte, lo que sucede es que tu plantilla tiene imágenes de fondo, por lo tanto aun cuando el contenedor se expanda, las imágenes siguen con su tamaño original.
ResponderEliminarNecesitarías editar las imágenes para agregarlas al nuevo código condicional.
Es un poco laborioso con este tipo de plantillas :s
hola potro mira que ya pude modificarla , lo depure con google chrome y quedo full ahora puedes mirarlo haber q tal
ResponderEliminarhttp://www.cienciaexplicada.com/p/matematicas.html
Qué bueno que ya has podido solucionarlo ;)
ResponderEliminarHola!
ResponderEliminarAntes de nada, enhorabuena por la página, me gustan mucho tus consejos ;)
Tengo una duda... la plantilla de mi blog es de 3 columnas (2 sedebar laterales y las entradas en el centro). Tengo varias páginas estáticas, y en una de ellas quería quitar las sidebar. ¿Es posible?, es que no sabía si al poner los códigos que indicas en este post se me iban a quitar las sidebar de todas las páginas...
Gracias!!
Hola Mayca,
ResponderEliminarClaro que puede hacerse, sólo hay que cambiar la condicional que hace que se oculte en lugares específicos.
En este caso, cambia la primera línea del segundo código que va antes de </head> por esta otra línea:
<b:if cond='data:blog.url == "URL de la página"'>
Ahí agrega la URL de la página en la que quieres que las sidebars no aparezcan.
Saludos.
Lo utilicé en mi blog mi blog y me funciona a medias pues se me borra la sidebar pero la página me queda con el ancho original a pesar de que cambie el width.
ResponderEliminarEl codigo está y esta es una pagina independinte para que lo veas :http://orbitablog.blogspot.com/p/crear-un-post_06.html
Pd: probé usando un condicional para una entada común y paasa lo mismo: se elimina la sidebar pero no se ensancha la entrada.
Que puede estar pasando. Gracias!
En el caso de tu plantilla también debes ensanchar esta área:
ResponderEliminar.main .widget {
float: left;
width: 547px;
display: inline;
background:#fff url(http://2.bp.blogspot.com/_lxBSX0YJV58/SwQkg_x07sI/AAAAAAAAAi0/CGdD6bqHwXM/s1600/box-bg.gif) repeat-x top left !important;
margin: 0 2px;
padding: 15px 15px;
border:2px solid #eaeaea;
}
Hola, gracias por toda tu ayuda y tu tiempo. Yo quisiera saber si se puede ocultar la imagen de fondo en una página estática?
ResponderEliminarClaro, sólo habría que agregar esto dentro del código que se menciona:
ResponderEliminarbody {background-image:none:}
Hola potro..! a ver si me puedes ayudar esta es mi pag : http://www.taumerisch.co.cc/
ResponderEliminarNo logro ubicar las condicionales, llevo rato y no doy con ninguna..agradeceriaa muchisimoo si me ayudaras.
^_^
Las condicionales no están ahí, se agregan en el blog tal como se explica en la entrada.
ResponderEliminarsaludos potro..me gustaria saber como hacer para ocultar ademas de las sidebar q me sirvio y lo logre, tambien ocultar en las paginas estaticas el texto en movimiento hacia arriba que tengo y los banner de full tilt y otro de publicidad. q he intentado de todo y no me resulta.
ResponderEliminarojala me puedas ayudar.
soy adicto a tu blog y los trucos:)
Ya te había dado una pista aquí pero ahora no me queda claro si querías ocultarlo en las páginas estáticas o en las entradas individuales.
ResponderEliminarPero es igual, localiza la ID del gadget que contiene esas publicidades tal como te expliqué en la otra entrada y agrega esto al código de la sidebar escondida:
#HTML1 {display:none; visibility:hidden;}
Donde dice HTML1 va el nombre de la ID del gadget que quieres ocultar.
Saludos.
saludos potro, una consulta...en vez de ocultar las sidebar en las entradas cuando uno entra al enlace por ejemplo: http://todoespoker.blogspot.com/2010/07/neteller.html
ResponderEliminarnotaras que aparece la sidebar al lado derecho y en el lado izquierdo esta la entrada, lo que quiero lograr es agrandar el widht de la entrada para que quede casi pegada a la sidebar.
ojala me haya explicado bien y me puedas ayudar
de antemano. gracias.
Más o menos igual, dentro del código condicional para ocultar la sidebar agrega el tamaño del área de las entradas que deseas, es decir, el ancho de la sidebar que has ocultado súmasela al #main-wrapper para que se expanda.
ResponderEliminarmmm ay no entendi mucho potro, perdona pero soy novato en esto..me lo podrias mostrar con codigos o donde lo deberia poner por favor, perdona por molestarte
ResponderEliminarsaludos y gracias por tu paciencia
Supongo que ocultaste la sidebar usando un código condicional, si es así debió quedarte como el segundo código que se muestra en esta misma entrada, de ser así entonces mira el código para que veas cómo debería ser, el #main-wrapper deberá tener el ancho más grande, es decir, el ancho normal más el ancho de la sidebar que ocultaste.
ResponderEliminarPor ejemplo, si tu #main-wrapper mide 476px entonces en el código condicional deberá medir 476px más el ancho de la sidebar derecha.
Revisa bien los códigos que se explican en esta entrada para que entiendas de qué se trata.
También mira esta entrada que habla sobre todos los códigos condicionales.
Potro una consulta, buscando con F3 no encuentro Expandiendo plantilla de articulos, ni main-wrapper, sidebar-wrapper ni outer-wrapper
ResponderEliminarMi pagina es www.videosporvelez.blogspot.com
Saludos!
En las plantillas nuevas de Blogger no sé cómo estén distribuidas las secciones, son otros códigos y desconozco cuáles son los nombres de las secciones que le corresponden :s
ResponderEliminarSabes donde puedo encontrarlo a eso? O alguna web que explique eso?
ResponderEliminarYa que necesito borrar el sidebar asi las paginas estaticas son mas grandes...
Saludos!
Pues tendrías que buscar en la plantilla y hacer tus experimentos como todos, yo la verdad es que no me he metido mucho en las plantillas nuevas por eso no sabría decirte.
ResponderEliminarPotro, hise en otra página todo lo que tenía que hacer, pero hay un problema...
ResponderEliminarHise todo,, le de de wight 0 a la sidebar 2, sidebar 3, sidebar 4 y a el main le di el ancho que le debia dar... y mira como quedo todo:
http://www.porvelez.com.ar/p/el-club.html
¿Qué habra pasado?
Saludos!
Potro, hise en otra página todo lo que tenía que hacer, pero hay un problema...
ResponderEliminarHise todo,, le de de wight 0 a la sidebar 2, sidebar 3, sidebar 4 y a el main le di el ancho que le debia dar... y mira como quedo todo:
http://img228.imageshack.us/img228/7333/paginaestaticanofuncion.png
¿Qué habra pasado?
Saludos!
No lo sé, tendría que verlo puesto para ver los códigos funcionando, quizá sea algún otro estilo o algo está faltando.
ResponderEliminarhe logrado esconder la sidebar en las entradas, pero con respecto a las entradas, la idea no era esconder la sidebar, lo que me pasaba es que el main estaba al centro (incluso le puse float: left, pero aun asi seguia en el centro) y la sidebar pegada a la derecha, intentaba agrandar el widht del main para que ocupara el espacio restante de la izquierda, pero lo que pasaba era que se agrandaba hacia el lado derecho en vez del izquierdo haciendo que la sidebara se bajara...y lo que pretendia era que se agrandara hacia la izquierda para que quedara la sidebar donde correspondiese...
ResponderEliminarno se si me habre explicado bien, pero si sabes como puedo arreglar ese problema, me ayudarias bastante por favor
de antemano. gracias
Ummm no lo sé, aunque he entrado a tu blog y tanto en las páginas como en las entradas veo que has ocultado perfectamente las sidebar sin ningún problema.
ResponderEliminarya no t preocupes igual gracias por la preocupacion
ResponderEliminaruna consulta, he notado que tu compraste un dominio propio de esos que ofrece el mismo blog. es correcto?????
si es asi, que opinas? vale la pena? cuales son las diferencias? o si tienes alguna entrada hablando de todo con respecto a eso.
ojala me puedas ayudar por favor.
gracias.
Hay una entrada con esa información acerca de los dominios, échale un vistazo:
ResponderEliminarTodo lo que hay que saber antes de comprar un dominio
¿Como sería el condicional si sólo es para que desaparazcan las laterales en una página o algunas y no en todas?
ResponderEliminarGracias
Mira esta entrada, ahí están todas las condicionales que especifican dónde se muestran y dónde no se muestran los elementos.
ResponderEliminarPotro, una pregunta, fijate en mi pagina, la seccion Estadio no se ve el sidebar y yo quiero q se vea como todas las otras paginas estaticas, yo estube probando antes, pero siempre con vista previa...
ResponderEliminarQue anda pasando?
Saludos!
Si no me equivoco esa entrada la copiaste de Word así que al copiarla agregó muchos códigos en la entrada.
ResponderEliminarTienes que hacerla de nuevo y no copiar desde Word (u otro sitio) para que no aparezcan todos los códigos que perjudican a la sidebar.
Gracias Potro, problema solucionado
ResponderEliminarSaludos!
Hola! buenisima la info me encantarìa hacerlo pero...ufa!!! no me sale! uso una plantilla del nuevo diseñador de blogger y no me aparece ningùn còdigo de los que mencionas,lo que me gustarìa es mostrar las 2 sidebar que tengo,sòlo en la pàgina de inicio, pero ya me leì y el post y los 167 comentarios jeje pero,nada! como podrè hacer?
ResponderEliminarSi puedes ayudarme te lo agradecerìa mucho! saludos
Amigos, gracias por la ayuda. He utilizado muchos de los trucos con todo éxito. PERO AHORA no encuentro #outer-wrapper {, . Estoy utilizando una de las nuevas plantillas de blogger. ¿El elemento tiene otro nombre?
ResponderEliminarwww.jungcolombia.blogspot.com
mariangeles, te la voy a deber, con las plantillas nuevas no sé pues poco sé de ellas :(
ResponderEliminarLisímaco Henao H., lo mismo que le he comentado a mariangeles, si encuentro un modo que funcione para esas plantillas ampliaré esta entrada con la explicación.
En las nuevas plantillas tienen otro nombre pero funciona igualmente. Creo recordar outer-left, outer-right, etc. No recuerdo los nombres exactamente de cada parte pero son intuitivos. Es decir, si vais recorriendo el código html los nombres de cada parte os darán la pista
ResponderEliminarGracias Potro me ha servido de mucha ayuda este post.
ResponderEliminarEstá explicado de forma genial
SPV Hockey Línea, mi intuición no anda muy bien porque busqué y busqué y no encontré, pero hoy más tarde daré de nuevo un repaso por la plantilla.
ResponderEliminarJavier, muchas gracias!
Hola potro, he intentado realizar esto que dices en mi blog, pero no trabaja!! quizá sea porque tengo dos sidebars y esto varía el código que debo incluir???
ResponderEliminarsimplemente quiero eliminar toda la sidebar, dejando la pagina en blanco, con solo el contenido de la página y el encabezado del blog con el selector de páginas, claro...
http://manualdemimismo.blogspot.com/p/sobre-el-blog.html
Hola JoseCunyat,
ResponderEliminarLos códigos son para las plantillas basadas en la plantilla Mínima, en las nuevas plantillas del diseñador de Blogger no funciona.
Más adelante que estudie un poco la estructura de esas plantillas ampliaré la entrada dando el código para esas plantillas.
Saludos.
Potro como hago para tener un fondo de color q desee, o mejor x ejemplo como tu blog en el sidebar q es de color negro.
ResponderEliminarhttp://emotiontv.blogspot.com/
en los titulos del sidebar, gracias
ResponderEliminarDentro de h2 { debe ir el color del background.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro,
ResponderEliminar¿Cómo podría hacer para ocultar en las páginas de las entradas las 3 columnas que tengo en el pie de mi blog?
Gracias
Hola Ricardo Baena,
ResponderEliminarSólo agrega dentro de ese código para ocultar la sidebar este fragmento:
#footer-wrapper {
display: none;
visibility: hidden;
}
Pero yo solo quiero ocultarlas en las páginas de cada una de las entradas, no en la principal. ¿Con eso es suficiente?
ResponderEliminarEn ese caso pega antes de </head> esto:
ResponderEliminar<b:if cond='data:blog.pageType == "item"'>
<style>
#footer-wrapper {
display: none;
visibility: hidden;
}
</style>
</b:if>
gracias Potro!
ResponderEliminarOtra duda en mi plantilla tendo dos sidebar, al parecer noc si fue uno partido en dos, lo que deseo es agregar un gadget debajo de ellas o encima para poder agregar algo mas ancho ya q esos dos son muy angostos espero que me hayas entendido, graciassssss!
ResponderEliminarhttp://emotiontv.blogspot.com/
Pues tendrías que agregar otra sidebar encima de la que ya tienes.
ResponderEliminarA modo sencillo es así, busca sin expandir artilugios la etiqueta <div id='sidebar-wrapper'> y arriba de ella agrega esto:
<div id='sidebar-wrapper-2'>
<b:section class='sidebar' id='sidebar-otra' showaddelement='yes'>
</b:section>
<div style='clear: both;'/>
</div>
gracias Potro, tú como siempre!!! Gracias!
ResponderEliminarPotro te lo pregunto aquí, porque no se donde hacerlo, ¿Como puedo dividir el espacio entre la entrada y la columna lateral, tal y como tu lo tienes?
ResponderEliminarNo he entendido bien a qué espacio te refieres. ¿Me podrías dar un ejemplo?
ResponderEliminarMe refiero al espacio que queda entre el main y la sidebar, es decir, tu fondo es de color gris y el maain y la sidebar son de color blanco y entre ambos elementos hay un minimo espacio.
ResponderEliminarNo se si así me he explicado mejor
Todas las plantillas tienen ese espacio sólo que a veces no se distingue porque no tiene un color distinto el fondo. Lo único que sucede es que tanto el main-wrapper como el sidebar-wrapper tienen un borde, y el outer-wrapper tiene un color de fondo distinto.
ResponderEliminarEntiendo, pero tengo un problema, y es que he intentado modificar esos elementos (el outer, la sidebar,...), pero en las plantillas nuevas no vienen especificados con esos nombres y no tengo ni idea de como se hace.
ResponderEliminarPara las plantilla nuevas aún no sé cuáles sean los nombres de esos contenedores así que no podría decirte cuál es el código en cuestión que se debe utilizar :(
ResponderEliminarDe acuerdo. Pues de momento lo dejaré así, hasta que se sepa como hacer, gracias de todos modos
ResponderEliminarT-T hola XD donde encuentro el "outer-wrappe" no sè donde u.u no me sale lo de ocultar no sè cuanto mide, ayuda u.u
ResponderEliminarLas plantillas nuevas de Blogger no tienen los mismos nombres y el procedimiento es un poco distinto por lo mismo.
ResponderEliminarEn esta semana publicaré una entrada que explique cómo hacerlo para las plantillas nuevas ya que muchos lo han solicitado.
Saludos.
Ah XD nunca me iba a salir u.u
ResponderEliminarbueno gracias, estarè al pendiente! ºOº ñam~
Hola potro , quisiera que en mi blog , en la pagina principal apareciese una sidebar y en alguna de las estaticas otra sidebar totalmente diferente y en el mismo lado que la de la principal , con enlaces y todo eso , es posible? , no se si me he explicado bien .
ResponderEliminarGracias por tan maravilloso blog .
Pues no sé qué tan elaborado lo quieras pero puedes empezar a probar con las condicionales de Blogger, con esas condicionales podrás hacer pruebas para que la sidebar se vea distinta según donde quieras.
ResponderEliminarAl final de esa entrada hay un ejemplo justo sobre una modificación de la sidebar.
Hola Potro! muchas gracias por tus trucos, he ocultado la sidebar pefectamente tanto en los posts como en las páginas. Me gustaría que las entradas y las páginas ocuparan todo el ancho del blog y que estén centradas, como podría hacerlo? muchas gracias , un saludo.
ResponderEliminarHola Potro, como siempre muy buenas! da gusto visitar tu ilustrativa y ordenada web, para mi la más clara con las guias para aplicar tips en blogger, sin duda alguna.
ResponderEliminarBueno, te cuento un poco, he leido toda la entrada, los 200 comentarios porque muchas veces doy con la solución en ellos, pero esta vez no lo consigo. A mi en la template me aparece lo siguiente:
#outer-wrapper{}
#main-wrapper{width:610px; float:left; padding:15px 15px 0px 15px; 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{background:blue; width:220px; float:right; word-wrap:break-word; /*
................
Esto es todo lo que encuentro sobre main-wrapper (610) y sidebar-wrapper (220), pero mi outer-wrapper no se cuanto mide y la verdad, no se que hacer para que me funcione este truco. Disculpa nuevamente por el tochaco y muchas gracias por adelantado. Un saludo!
Hola Santi Amaro,
ResponderEliminarSi quieres ocultar la sidebar también en las entradas individuales entonces sólo agrega al código que va antes de </head> esta línea al inicio:
<b:if cond='data:blog.pageType == "item"'>
Y esta al final del código:
</b:if>
Hola Joker,
ResponderEliminarEl outer-wrapper es el ancho total, por lo tanto es la suma del main-wrapper más la del sidebar-wrapper más los márgenes de ellos, por lo tanto tu outer-wrapper debe medir aproximadamente 850px suponiendo que tengan un margen de 10px cada lado, pero bueno, puedes probar con 850px y si queda muy ajustado o muy grande ajustas ese valor hasta que quede a la medida exacta.
Saludos y muchas gracias por tu amable comentario.
Hola de nuevo Potro, he probado otra vez con el código que adjuntas a la entrada pero la sidebar no desaparece, se agranda el main-wrapper pero el sidebar-wrapper se mantiene en su sitio con sus gadgets y todo. Además, he ido ajustando el outer-wrapper y me ha salido 920, ¿es posible este valor tan alto? gracias otra vez
ResponderEliminar