Hace unos meses vimos cómo ocultar la sidebar en las páginas estáticas cuando recién las páginas estaban disponibles en Blogger. Es un método que funciona muy bien para las plantillas clásicas, sin embargo, después aparecieron las nuevas del Diseñador de plantillas de Blogger y ese método no funciona para ellas.
Así que veremos cómo ocultar la sidebar en las páginas estáticas para quienes usan plantillas nuevas del Diseñador de plantillas de Blogger.
Primero tenemos que conocer el ancho total del blog, este lo sabremos buscando una línea como esta:
<b:variable default='930px' name='content.width' type='length' value='960px'/>Ese último número es el ancho del blog, en este caso es de 960px y es el que necesitamos. Sino tuviéramos ese último número entonces tomamos el primero que aparece.
Luego buscamos esta línea:
<div class='column-left-outer'>
Y la cambiamos por esta:
<div class='column-left-outer' id='sidebar-left'>
También buscamos esta línea:
<div class='column-right-outer'>
Y de igual forma la cambiamos, pero por esta otra:
<div class='column-right-outer' id='sidebar-right'>
Ahora buscamos la etiqueta </head> y pegamos ANTES de ella lo siguiente:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#sidebar-left {
display: none;
visibility: hidden;
}
#sidebar-right {
display: none;
visibility: hidden;
}
#main {
width: 960px; /* Aquí va el ancho total del blog */
}
</style>
</b:if>
Sólo cambiamos donde indica que va el ancho total del blog y con eso habremos ocultado la(s) sidebar(s) en las páginas estáticas.
En el caso de que tu plantilla tenga una sidebar en la izquierda entonces buscamos una línea como esta:
<b:variable default='0' name='main.column.left.width' type='length' value='180px'/>
Y vemos el último número que es el ancho de esa sidebar. A ese valor (en este caso de 180px) le restamos 25px, es decir, serían 155px en nuestro ejemplo.
Luego debajo de #main { agregamos un margen izquierdo donde restaremos el ancho de la sidebar menos los 25px.
Quedaría así ese fragmento:
#main {
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -155px;
}
Ahí lo que hemos hecho es restar el ancho de la sidebar izquierda para que no quede un espacio vacío y las entradas no estén inclinadas al lado derecho.
Éste último procedimiento, es como dije, sólo para quienes tienen una sidebar en el lado izquierdo de la plantilla. Para los demás habrá bastado con los primeros pasos.
Ciudad Blogger
gracias potro, excelente post
ResponderEliminarhola tengo una duda en mi blog e puesto para leer mas en las entradas pero las imajenes son pequeñas aki mi blog
ResponderEliminarhttp://wweenvivoonline.blogspot.com/
evisto en otros blog que las imajes son grandes y salen arriva asi como este blog http://www.tr7live.net/
e intentado de todo pero no peudo hacer eso aver si me puedes ayudar potro gracias
Hola POTRO,k ondas man,nomas keria preguntarte como poner estos iconos ,xq los puse pero no me mandan a ningun lado,nomas estan ahi!
ResponderEliminarmira :
http://i55.tinypic.com/slh405.jpg
http://i52.tinypic.com/ae44ut.jpg
Osea los kiero poener pa retwittear directo o ya sea a twitter o facebook,porfavor si sabes algo avisame gracias!
Hola Gerardo A.,
ResponderEliminarBusca esta parte:
img_thumb_height = 150;
img_thumb_width = 150;
La primera línea es la altura de las imágenes en miniatura, y la segunda es el ancho. Puedes modificar esos valores para hacerlas más grandes.
¡¡¡Potro, jefe, que grande eres!!!
ResponderEliminarUn millón de gracias por el post. Es genial y creo que ya está funcionando correctamente en mi "blog/web" de la Peña Madridista Riosa.
Te debemos demasiado, no sé como pagarte todo lo que has hecho por nuestro espacio en la web.
Gracias.
lerh, por nada, saludos!
ResponderEliminarMicroboy90, pues tendrías que revisar bien si has puesto correctamente el código, muy posiblemente haya un error ahí en los caracteres que hace que se rompa el vínculo.
buenas tarde potro...feliz por tu web....tengo una pregunta pero no es de este tema...quisiera saber como hago un formulario de contacto como el que tienes cuando una abre el link de anunciate aqui......me gustaria muchisimo que me colaboraras
ResponderEliminar*o* waaa gracias por fin pude wuju!
ResponderEliminarsamu, con tu visita es más que suficiente :)
ResponderEliminarkarloselectronica, el que yo uso es este, y para que abra así he usado Shadowbox.
Miki-kun, me alegra que te haya salido todo bien!
POTRO,pss yo no modifique nada,nomas le puse otros iconosy url,pero de ahi no siriveron!
ResponderEliminarOtra cosa potro,mire un post tuyo sobre un letreo flotante k cada ves k baja o sube la pag se movia,y tenia lo de feedburner suscripcion,lo puse,pero ya no me gusto y kiero kitarlo,me podrias pasar el link de ese post porfavor ya k ya no me acuerdo como se llama el post,gracias te lo agradezco!
potro hice lo que me dijistes pero cuando quiero utilizar el formulario de contacto en una ventana shadowbox me pide colocar una url y en emailmeform me dan es un archivo html....que tengo que hacer???
ResponderEliminarsoy el mismo karloselectronica
ResponderEliminarHola Potro, era el post que estaba esperando jeje, pero tengo un problemita, hago los pasos como dices pero se junta el texto de las entradas con la sidebar derecha, en las pàginas estàticas, a mi me gustarìa sòlo ocultar la sidebar izquierda( tengo una a cada lado de las entradas)¿ se podrà?porque intentè de varias maneras ,pero sin èxito.(sòlo ocultar la izquierda, en las estàticas ¿y la de inicio, si se puede?
ResponderEliminarsaluditos!
Este comentario ha sido eliminado por el autor.
ResponderEliminarPotro! mira el menú aumente mas categorias luego de sacar el searh que hubo y me aparece asi! osea luego de agregar mas categorias se distorcionan y se bajan: miralo!
ResponderEliminarhttp://arch-tube.blogspot.com/
Microboy90, pues justo al cambiar o poner esas URL fue que quedó mal. Mira esta entrada, ahí verás un archivo que contiene los códigos de los botones tal como deben ir. La otra entrada que buscas es esta.
ResponderEliminarciencia, en ese cuadro del código que te da hay un poco más arriba una URL, esa es la que debes utilizar.
Franco Paravecino, quizá es el menú, no lo sé. Desde hace mucho que modifiqué todas esas áreas de esa plantilla y ya no recuerdo nada :S
Mariangeles,
ResponderEliminarNo me ha quedado muy claro el problema, pero si quisieras que la sidebar derecha no se oculte entonces elimina esta parte del código:
#sidebar-right {
display: none;
visibility: hidden;
}
Si continuaras con el problema que mencionas pon los códigos y tu plantilla y dime cuál es la página de ejemplo que tienes para poder entender un poco mejor el fallo.
Saludos.
Oye, Potro, tengo un pequeño problema:
ResponderEliminarMi plantilla separa la sidebar del resto del Blog con una línea grisacea vertical que me gustaría no apareciese en las páginas estáticas,
Se me ocurre que tal vez pudiera cambiarse con un condicional (coloreandola de otro color en las páginas estáticas) o quitarla definitivamente, pero no se como se hace.
¿Puedes ayudarme un poco?
Te enlazo a mi blog personal (My Heart´s Corner) y mi blog de truquitos (Jugando con Blogger)
potro una pregunta: porque cuando publico una entrada no me sale en google.....he visto paginas que publican contenido y al rato uno lo busca en google y aparece....a que se debe eso??
ResponderEliminarHola samu,
ResponderEliminarAgrega antes de #main { este código:
.fauxcolumn-left-outer .fauxcolumn-inner, .fauxcolumn-right-outer .fauxcolumn-inner {border:0;}
Con eso dejarán de verse esos bordes en las páginas estáticas.
Gracias por los enlaces.
Saludos.
karloselectronica, eso depende de Google directamente y de que algunos blogs están mejor posicionados que otros.
ResponderEliminarpotro quiero hacerte una propuesta......si colocas un enlace o imagen de mi blog en tu web y yo coloco uno tuyo en la mia
ResponderEliminarHola Potro
ResponderEliminarGracias por tu respuesta y perdòn por tardar en contestar, hoy es un dìa complicado.
Ya pude ocultar el texto de la sidebar izquierda, pero el fondo azul, sigue quedando.Lo que me gustarìa es mostrar èsta sidebar sòlo en entradas individuales y que en las estàticas e inicio se vea blanco el fondo de la sidebar,no azul,pero... no sè como hacer ¿ se podrà?; para que veas como queda te dejo la direcciòn: http://generofem.blogspot.com/p/foro-comunidad.html
Saludos y graciasss
jeje de nuevo yo!
ResponderEliminarYa pude mostrar la sidebar izquierda sòlo en las entradas individuales, gracias!!, lo logrè guìandome por las condicionales que pusiste en otra entrada, de tanto estar en tu blog , voy aprendiendo!!
Sòlo me queda poder ponerle fondo blanco, a la sidebar izquierda, en todos lados menos en las entradas idividuales, eso sì no sè si se puede... ¿me das una ayudita, si se puede hacer?
Millòn de gracias!!
Dios Potro, eres un genio!
ResponderEliminarGracias de verdad. Ha funcionado a la perfeccion. No hay nada que agadecer por los enlaces (si tu blog es útil y funciona bien, se te enlaza y punto).
Muchas gracias de nuevo. Si algún día cierras esta enciclopedia de blogger no se te olvide dejar antes una copia impresa a la venta y te harás de oro. Jejejej.
Un abrazo.
Hola Potro..
ResponderEliminarOtra vez yo, la verdad que gracias a vos me quedo muy buena mi web... www.porvelez.com.ar
mi consulta ahora para arreglar algunos detalles era, de como cambiar la fuente al menu de arriba (porque ahi dos, el que tiene el fondo de ladrillos negros)
porque por ejemplo dice: inicio, yo quiero que diga Inicio (la I en mayuscula).
Cuando edite el menu, le puse con mayuscula la primer letra, pero nose que fuente es que hace que aparecesca en minuscula.
Necesito que me digas como cambiar de fuente o hacer que se vea en mayuscula nomas...
Saludos!
karloselectronica, lo siento, no participo en intercambios.
ResponderEliminarsamu, esa es buena idea, cuando me quede sin empleo tendré que considerarla :P
Hola Mariangeles,
ResponderEliminarEn el código que has puesto hay un error de sintaxis y es por eso que la entrada no se corre hacia la izquierda para ocupar el espacio vacío.
Elimina el código que pegaste antes de </head> y en su lugar pon este:
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#sidebar-left {
display: none;
visibility: hidden;
}
#main {
width: 770px;
margin-left: -170px;
}
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {background:#FFFFFF;}
</style>
</b:if>
Con ese incluso desaparecerá la sidebar izquierda en la portada.
Saludos.
Hola Potro, modifiquè el còdigo como me decis,peguè el que me diste, pero la entrada en lugar de correrse a la izquierda ,se corre a la derecha y casi la mitad de la entrada queda en la sidebar derecha,superponìendose con el texto de èsta.¿ Como puedo arreglarlo? Es èso lo que quiero hacer, pero que se corra pra el otro lado la entrada jeje ¿ Me podràs ayudar?, si no; no te preocupes, ya te estoy muy agradecida por toda tu ayuda.
ResponderEliminarSaludos.
Me olvidè, perdòn, las medidas que tengo en el blog son:
ResponderEliminarancho del blog: 1000
columna izquierda: 180
Columna derecha : 300
¿ Serà que tengo que cambiar algo de eso?
Gracias por tu paciencia!!!je
Potro, vas a acabar poniendome el título de pesado mayor de la ciudad, pero nuevamente necesito de tu ayuda.
ResponderEliminarQuiero poner un fondo a la sidebar (que no sea el blanco que viene por defecto) pero no tengo ni idea de como hacerlo y estoy seguro de que tú si.
¿Puedes ayudarme?
Coloush +16, busca las dos veces que aparece text-transform: lowercase; en tu plantilla y elimínalo.
ResponderEliminarMariangeles, pues con ese código debió quedar así, al menos en una prueba que hice funcionó. Ponlo y me dices cuando lo hayas puesto para ver el problema.
samu, ¿es plantilla de las nuevas o una clásica?
Es una mínima del diseñador de plantillas de blogger, jefe.
ResponderEliminarPotro, gracias por la intenciòn igual, pero no importa lo dejo asì, porque con el còdigo que me dices,aparte de lo que te comentè, en la parte de diseño desaparece la sidebar izquierda y el cuerpo, donde van las entradas y otros widget se queda encima de la sidebar derecha,no puedo modificar nada en diseño.
ResponderEliminarPero te agradezco sinceramente, por tu ayuda y ya te molestarè en otro post, seguramente :)
Saludos.
samu, la Mínima es de las clásicas, supongo que entonces te refieres a la Simple de las nuevas; te dejo un enlace de Oloblogger que explica cómo hacerlo:
ResponderEliminarhttp://oloblogger.blogspot.com/2010/06/cambiar-el-fondo-principal-en.html
Mariangeles, también eso tiene solución pero si deseas dejarlo así no hay problema ;)
Este comentario ha sido eliminado por el autor.
ResponderEliminarAhhh!! no,no,no si tiene soluciòn me arrepientoooo!y sigo probando jajaja cuèntame sigo tus pasos:jeje
ResponderEliminarpeguè el còdigo que me diste antes de /head,como la entrada quedaba encima de la sidebar derecha cambiè esto:width: 770px y en lugar de 770 puse 450 y ya no se encima,pero tampoco se corre a la izquierda( puedes ver que queda un poco "desprolijo" en el centro ,la entrada http://generofem.blogspot.com
pero no hay caso con que se corra a la izquierda,bueno y hasta ahì diò mi cerebro jeje ahora,me dices que hago con la parte de diseño por favor?y si sabes comooo puedo correr a la izquierda las entradas :( te lo re agradezco!
De hecho parece que ya has resuelto que se corra a la izquierda el área de las entradas pues veo que ya están bien alineadas, sólo algo angostas, tal vez quieras ponerle un valor más alto en lugar de 450, quizá unos 580px
ResponderEliminarPara que en Diseño puedas ver todos tus gadgets agrega antes de #main lo siguiente:
body#layout #sidebar-left {display:block !important; visibility:visible !important}
body#layout #main {width:450px !important;}
Saludos.
Potro, al fin logré solucionar mi menú ahi con dolores de cabeza pero lo hize! jaja, otra ayuda, bueno ve las fotos y sabras a q me refiero deseo alinear esto : miércoles, octubre 06, 2010 | Publicado por El Potro | Etiquetas: Trucos x ejemplo de este post debajo del titulo.
ResponderEliminarhttp://lh6.ggpht.com/_2oDIdiFuF-c/TK6dBwyY5eI/AAAAAAAAA_k/MA_rfyat1hg/s912/dsddsdg.png
http://lh5.ggpht.com/_2oDIdiFuF-c/TK6dB-rnkKI/AAAAAAAAA_g/JESmwiM23zw/s912/dsddsd.png
GRACIAS
a Potro tabn de acá saque en leer más, pero en la pagina principal solo se ven 3 entradas de las 7 que puse en la configuración del archivo del blog para q se vean.
ResponderEliminarHola de nuevo Potro,gracias! ahora sì puedo ver ,en diseño, la sidebar izquierda, pero la parte del medio(donde tengo las entradas y otros gadget) la mitad queda atràs de la sidebar derecha( o sea, no puedo ver donde dice editar),¿podrìas por favor, ayudarme en èso?serìa lo ùltimo que me quedarìa arreglar.
ResponderEliminarMileeesss de gracias por tu ayuda!
Potro, jefe, lo que yo quiero hacer es ponerle un fondo azul a mi sidebar (que sólo se ve en la página principal del blog y no en las páginas
ResponderEliminarLo siento si no me expliqué bien pero el link a oloblogger que me pusiste es para cambiar el fondo del blog.
Gracias!!!
hola potro, perdon que me salga del tema nuevamente, espero que me puedas ayudar como puedo ocultar la fecha de los post en las nuevas plantillas de blogger,
ResponderEliminargracias potro
Hola Franco Paravecino,
ResponderEliminarEn esta entrada verás cómo poner esos datos debajo del título.
Desde hace unos meses Blogger muestra automáticamente en la portada el número de entradas que considera que son suficientes con el fin de no hacer lentos los blogs.
Hola Mariangeles,
ResponderEliminarPrueba poniendo un valor más bajo en el último código que te di, es decir, aquí:
body#layout #main {width:450px !important;}
Quizá con un 300px puedas verlo de regreso.
Hola samu,
ResponderEliminarMil disculpas, por andar a las carreras no leí bien.
Busca en tu plantilla un código parecido a este:
<Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="#ffffff"/>
Ese último código de color que he marcado en negrita es el color de las sidebars, puedes poner el color que quieras.
Hola lerh,
ResponderEliminarEl procedimiento es igual que con las plantillas clásicas, sólo entra en Diseño > Elementos de la página y da click en Editar sobre el elemento llamado Entradas del blog, ahí desmarca la casilla de la fecha y guarda los cambios.
Gracias jefe, voy a probar a ver que tal.
ResponderEliminarNo hacen falta las disculpas. No pasa nada, todos podemos confundirnos. Además sería yo quien debería pedier disculpas por estar a punto de convertirme en tu peor pesadilla y estar siempre dandote trabajo.
Potro, mi plantilla juraría no trae ese codigo. En el grupo gadgets solo trae:
ResponderEliminarWidget title font
widget title text color
widget 'alternate' Text color
¿se lo añado a continuación?
¡¡¡Ya està todo perfectoooo!!!
ResponderEliminar10.0000 de gracias!!!!!!
Saludos
Potro, estoy de vuelta.
ResponderEliminarVeamos, lo he probado (añadiendo ese código) y resulta que esto me cambia el color de fondo del cuerpo del blog. (entrada más sidebar). Yo quería solo azul la caja de la sidebar. Para hacerla destacar más. Un estilo a lo que tu tienes aquí (que el fondo de la sidebar (dividida en 2) es gris y el resto de la entrada blanco.
Mariangeles, qué bueno que ya ha quedado todo como querías :)
ResponderEliminarsamu, pues ese código sólo debería afectar a la sidebar. Dime en cuál blog lo quieres hacer para revisar el código.
Potro, muchas gracias denuevo!
ResponderEliminarSaludos!
Hola amigo vengo haber si me pudieras ayudar con una duda , la duda es como podria cambiar el tamaño de una sidebar al entrar a un post , si te doy ejemplo:
ResponderEliminarhttp://peliculasdirecto.blogspot.com/
en esa pagina la sidebar son un de tamaño , pero al entrar en el post estan cambian de tamaño se hacen mas grandes , y ademas las sidebar de la portada no salen , es raro tratandose de blogger, bueno sin mas espero y me puedas ayudar , salu2
El blog es el de siempre. Peña Madridista Riosa. Con en código me ponía en azul todo lo que está en blanco. Ahora he vuelto a probarlo y simplemente no hace absolutamente nada.
ResponderEliminarGracias por tu paciencia.
Gracias POTRO......
ResponderEliminartHeLaRiOs, eso se hace usando condicionales de modo que en la portada establezcas un ancho y que en las entradas individuales tenga otro. Ahí en ese enlace que te puse hay un ejemplo de cómo se usan para que te des una idea.
ResponderEliminarsamu, ok, el código que te di no funciona para la Simple, pero sólo busca .fauxcolumn-right-outer .fauxcolumn-inner { y debajo agrega esto:
background: #cccccc;
Gracias Potro.
ResponderEliminarYa funciona. Eres un genio.
Volveré a dar la murga en breves.
Tal y como prometo, Potro, aquí eestoy de nuevo.
ResponderEliminarEl código que me has puesto antes ha coloreado mi siddebar de color azul (tal y como yo deseaba, pero lo ha hecho así en todo el blog (incluso en las páginas estatáticas, donde le había dicho que no me pusiera la sidebar.
¿cómo puedo arreglar esto?
Sólo agrega antes de #main esto:
ResponderEliminar.fauxcolumn-inner { background: #FFFFFF;}
Con eso condicionas que en las páginas estáticas el color de fondo sea blanco.
Jefe, Potro, no me funciona.
ResponderEliminarAdemas tengo descolocada la tabla en la que se meten los iconos de las redes sociales..
Sigo a las carreras :P
ResponderEliminarEl código completo que va antes de #main es este:
.fauxcolumn-right-outer .fauxcolumn-inner {background: #FFFFFF;}
GENIOOOOOOO! que eres un maldito genio.
ResponderEliminarMuchísimas gracias Potro! Te debo una más.
Hola Potro,
ResponderEliminarotra vez pasando por acá para seguir aprendiendo (o tratando de aprender) sobre esta cuestión de los blogs. Y otra vez, con ganas de felicitarte por compartir con todos estos consejos (más aún, con los que estamos utilizando estas nuevas plantillas).
En el blog: http://calidadfeyalegria.blogspot.com quisiera hacer algo parecido a lo que propones acá, pero ocultando un cuadro de texto (puesto en el diseño como gadget) que tengo incluido debajo del header del blog y del menú de las páginas estáticas (es una bienvenida que, precisamente, no quiero que se vea en las páginas estáticas, pues se puede decir que "está de más").
Miré por un buen rato el código y me di cuenta que realmente me falta mucho para empezar a hacer estos cambios por mi cuenta. Por eso acudo a tí, por si puedes ayudarme con esto.
Una vez más, muchas muchas gracias.
Muchas gracias como siempre por tus amables comentarios. Me da gusto que tengas ganas de aprender, y bueno, no hay que desesperarse, poco a poco irás aprendiendo más sobre estos temas.
ResponderEliminarMira esta entrada que dice cómo hacer para que un gadget se muestre sólo en las páginas individuales. Tú harás lo mismo, sólo que en lugar de poner la primera línea roja que se menciona ahí, deberás poner esta otra:
<b:if cond='data:blog.pageType != "static_page"'>
Con eso harás que el gadget no se muestre en las páginas estáticas.
Saludos.
Hola Potro!!
ResponderEliminarTe comento que en mi Blog en las entradas se ven como enmarcadas (es decir, yo tengo el fondo transparente de este modo se ve la imagen del fondo), y cuando hice todo lo mencionado arriba para poder de ese modo tener un mejor aspecto cada que das click a una pagina, aparecia el mismo marco, de hecho adoro como queda, PERO resulta que se "descolocada" es decir se salia de margen y quedaba horrible no se si me explico.
Bueno el punto es que en mi caso mi Blog tiene un ancho de 950, pero en la parte que va arriba de HEAD y debia poner el ancho correspondiente le puse 850, sólo así me quedó prolijo y con el mismo marco que tienen mis entradas.
Como verás esta no es ninguna consulta, sino podriamos decir que un "aviso" talvez?
Tal vez es solo por la plantilla que utilizo que es la de "Plantilla Picture Window de Josh Peterson. Imágenes de plantillas de enjoynz. Con la tecnología de Blogger"
Era sólo un comentario, nada más, tal vez es sólo custión de esta plantilla.
Bueno Besitos ♥
*Creo que esto es como un trabalenguas ^^
Gracias por el tip. Sin duda cada plantilla dentro de la variedad que tiene Blogger es un tanto única y cada una requiere ajustes específicos y no hay mejor manera de encontrarlos que experimentando un poco tal como tú lo has hecho :)
ResponderEliminarGracias nuevamente por compartirlo.
¡Besos!
WAWWWWAJJJJAAA por fin lo he consguido, mil gracias
ResponderEliminarQué bueno que lo has conseguido :D
ResponderEliminarMuchas gracias! me sirvió lo que enseñaste. Saludos
ResponderEliminarMe da gusto que te haya sido útil. Saludos!
ResponderEliminaruna pregunta rapida, ¿se pueden poner más de 10 paginas? o no se puede hacer nada de nada...
ResponderEliminarNop, Blogger sólo permite un máximo de 10 páginas hasta el momento :(
ResponderEliminarHola Potro estaba leyendo y se me ocurrio y si en ves de ocultarlas ¿ponerles una imagen para que resalten se puede hacer eso? si se puede me podes explicar es que soy nuevo y boludo en esto
ResponderEliminarPd\: me he llevado varios trucos de este blog te felicito y gracias
Hola yoruishizeto,
ResponderEliminar¿Te refieres a resaltar la sidebar en las páginas estáticas o de resaltar las páginas estáticas?
¡Saludos!
Hola potro. Esto era lo que estaba buscando pero tengo un problema. Mi blog solo tiene un sidebar en la izquierda y se oculta perfectamente, el problema es que el contenido de las páginas se desborda hacia la derecha- Puedes verlo por ejemplo acá: http://www.cuerpoarmonioso.com/p/acerca-de-este-sitio.html
ResponderEliminarEl ancho de mi blog es 1000px y el sidebar izquierdo es de 240px.
Nada, ya lo arreglé. Lo que hice fue reducir el Ancho total del blog, ya que al parecer ese ancho no toma en cuenta los padding de la plantilla :P
ResponderEliminarPerfecto, ya he visto el blog y lo veo todo funcionando de maravilla :)
ResponderEliminarPotro como puedo hacer que se oculte un gagdet que agregue en las paginas individuales menos en la pagina principal o sea al abrir la pagina principal se muestre por ejemplo un gadget donde agregue una publicidad y al ver las entradas individuales ya no aparezca! si se puede magnifico gracias
ResponderEliminarMira esta entrada que explica justamente cómo hacer eso.
ResponderEliminarHola
ResponderEliminarSoy más que novicio en el tema, no obstante con la valiosa ayuda de los tutoriales, algo voy logrando: www.orvive.blogspot.com He probado el método para ocultar la side bar en las páginas estáticas y funcionó, Salvo que la línea divisoria vertical sigue apareciendo. Igualmente quesiera saber si es posible eliminar de las páginas estáticas los gadgets o aplicaciones de la página principal.
Desde ya muy agradecido. Saludos cordiales
Edito y me respondo. El problema de la línea vertical se resuelve con el código indicado a Samu. Perdón, no había visto esa consulta y su respuesta. Sigo buscando como eliminar los gadgets y-o aplicaciones de las páginas estáticas.
ResponderEliminarSaludos cordiales
Otra vez debo disculparme, la consulta acerca de ocultar los gadgets, ya fué formulada y respondida. Este blog es la enciclopedia, No obstante me da un error de sintaxis: Mensaje de error de XML: The element type "b:if" must be terminated by the matching end-tag "".
ResponderEliminarFaltaba esta etiqueta:
ResponderEliminarsolucionado- Felicitaciones por el blog
Me alegro que te hayas animado a leer los comentarios y encontrar ahí las respuestas a tus inquietudes :)
ResponderEliminarHola, Ocultar la sidebar y los gadgets en las páginas estáticas resultó bien. Pero hay un problemita molesto el: post-footer, se dispara hacia la derecha, es posible darle un ancho fijo? cómo? O eventualmente eliminarlo? Desde ya gracias por la atención. Saludos
ResponderEliminaragrego por si es de utilidad pata resolver el asunto, el recuadro de la entrada también se dispara hacia la derecha Con se dispara quiero decir llega hasta el borde derecho de la pantalla. El texto no.
ResponderEliminarPues quizá sea la versión de tu navegador porque he entrado con las últimas versiones de Google Chrome, Mozilla Firefox e Internet Explorer y el post footer está en su lugar.
ResponderEliminarPara corregir el borde de las entradas busca esta parte:
.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
border: 1px solid blue;
padding: 5px 5px 5px 22px;
Cambia eso que está en negrita por 5px
Gracias ppor tu respuesta Potro. Acaso no me expliqué bien, tanto el marco de la entrada como la barra de entradas y su marco, se descontrolan en las páginas estáticas, donde siguiendo tus instrucciones elminé la side-bar y los gadgets. En la página principal está todo bien y responde a las modificaciones que indicas, dehecho el marco en las entradas lo agregué yo. Interesante es que el texto no se desborda. Una vez más gracias por tu atención
ResponderEliminarSi únicamente sucede en las páginas estáticas entonces modifica el ancho de las entradas para las páginas estáticas tal como se indica en la entrada; si el #main tiene un ancho muy grande o más grande de lo que debería ser es normal que se saldrá del contenedor, sólo hay que reducirlo para solucionarlo.
ResponderEliminarGracias Potro, el problema estaba allí. Yo seguí las instrucciones, pero parece que el valor que figura en la variable (value=) era grande. Lo reduje y solucionado. Saludos cordiales
ResponderEliminarHola, no paro de aprender con este blog, pero bueno, ahora tengo un problemilla, resulta que intento ocultar la sidebar en las entradas, pero no se oculta, he sustituido y añadido cogido tal como dice el tutorial, pero , al pinchar en la entrada, el sidebar sigue ahi. Mi blog es lefuet.blogspot.com a ver si me puedes echar una mano.
ResponderEliminarOtra duda que tengo, tengo editado el estilo de los titulos de las entradas, en la portada esta todo Ok, se ve como quiero, pero , luego, dentro de la entrada, se me descuadra, cambian la fuente y los colores asi como desaparece uno de los iconos que he incluido. Seria de gran ayuda si me pudieses echar una mano con eso.
Para acabar, excediendome en la confianza, preguntarte como puedo centrar los botones para compartir en FB Y Twitter asi como ocultarlos en la portada, tambien me gustaria poder ocultar en la portada el numero de comentarios de cada entrada.
Muchas gracias de antemano.
Un saludo
Hola LeFuet,
ResponderEliminarLo que sucede es que este método es para las plantillas hechas a través del Diseñador de plantillas de Blogger, en tu caso que usas una plantilla clásica debes seguir este método.
Respecto al título de las entradas los veo bien tanto en la portada como en las entradas individuales, al menos en ese blog está bien.
Para saber cómo hacer que ciertos elementos se muestren en determinadas partes del blog mira esta entrada que habla sobre las condicionales. Y para alinear elementos mira esta otra.
¡Saludos!
He cambiado el metodo para ocultar la sidebar, pero ni por esas, no se oculta. En cuanto a los titulos, a mi, tanto en safari, como en chrome y en firefox, los titulos de las entradas en la portada se me ven diferentes a cuando entras en la entrada.
ResponderEliminarNo se, ya te digo, ni idea de porque.
Vale, creo que entiendo uno de los problemas, para poder ocultar la sidebar necesito saber su denominacion en la plantilla, ya que, segun veo, en mi plantilla no se llama #sidebar wrapper
ResponderEliminarAsí es, es por eso que te mencioné que necesitabas el otro tutorial y no este porque justamente los nombres de los contenedores (en este caso de la sidebar) son distintos.
ResponderEliminarHola, un gusto comunicarme con ustedes. Quizas no tenga que ver con esta publicación pero buscando respuestas me apareció como enlace y me gustaría me respoindan porque necesito gente de confianza antes de actuar. Quiero saber si esto es cierto:
ResponderEliminarhttp://trick.ly/59D
Muchas gracias
Hola Javierdealmagro,
ResponderEliminarGracias por la confianza. Mira esta entrada que habla justamente sobre ese tema.
Saludos.
hola potro tengo tiempo que no pasaba por tu sitio,disculpa si te molesto ya lo implementè en mi blog pero ahora quisiera que tambien se implementara cuando alguien acceda a una entrada.
ResponderEliminarGrácias espero tu Respuesta.
Hola Daniel,
ResponderEliminarEs el mismo procedimiento solo que en lugar de usar la primera línea que agregamos antes de /head usarías la que se explica en esta entrada:
http://ciudadblogger.com/2010/03/condicionales-de-blogger.html
Justamente la que es para mostrar o ejecutar algo en una entrada específica o etiqueta del blog.
hola,
ResponderEliminarla direccion de mi blog es:
http://dequijotesyrugby.blogspot.com/
he aplicado este truco, pero me surgen bastantes problemas. primero decir que las barras laterales que separan las slidebar del post central no se me borran. despues si aplico la ultima parte del truco con los datos correctos, la barra que hay debajo del post se va hacia el infinito a la derecha. decir que mi blog tiene un ancho total de 1000px y las slidebar de 190. y para que quede bien use estos datos:
...main..
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -195px;
}
...style...
...b:if>
pero tengo problemas al insertar mas de tres ya que si son mas, pone una encima de otra.
no se, son demasiados problemas y la verdad es que he seguido los pasos uno por uno. sera que soy tan torpe???
de todos modos me gustaria saber si es posible aplicar estos cambios a una sola pagina estatica, que asi me quitaria un monton de problemas.
un saludo
por cierto, perdon por mi mala educacion, muchas gracias por ofrecernos todos estos trucos y por ayudarnos a solucionarlos.
ResponderEliminarmuchas gracias.
Hola incauto pertinaz,
ResponderEliminarPara eliminar esos bordes que quedan de las sidebars agrega al código que va antes de </head> lo siguiente:
.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 0px !important;
}
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 0px !important;
}
Veo que tienes aplicado el margen de -195px y al parecer está bien aplicado pues no encuentro que la barra del post-footer se baje, la veo en su lugar.
Lo de "problemas al insertar mas de tres" no he entendido bien a qué te refieres o.O?
Y sí, sí es posible aplicar estos cambios sólo a una página estática, sólo tendrías que cambiar esta línea:
<b:if cond='data:blog.pageType == "static_page"'>
Por esta otra:
<b:if cond='data:blog.url == "URL de la página"'>
Saludos y gracias a ti por visitar Ciudad Blogger :)
eres un crack! muchas gracias.
ResponderEliminarcuando me referia a lo de mas de tres... lo siento, escribi el comentario corriendo y se me olvido poner, mas de tres imagenes de 200px de ancho :-) supongo que es que aunque cambies el ancho del cuerpo del blog en esas paginas, se sigue manteniendo un ancho de 620px para el post o algo asi.
aunque quizas sea por mi sistema, pero tengo muchisimos problemas en el momento de agregar fotos en horizontal.
muchas gracias de nuevo!!! asi queda mucho mas chulo!
No, de hecho el cuerpo de los posts no tiene un ancho definido sino que esas plantillas toman el ancho asignado del blog de manera automática. De hecho veo que ya has puesto una imagen grande que sí ocupa todo el ancho de las entradas. Supongo que ya está todo arreglado. Saludos!
ResponderEliminarla verdad que eso ha quedado muy bien. la historia es que quiero poner un monton de fotos de jugadores de 50px encima con un link a la ficha del jugador y eso me da muchos problemas ya que no soy capaz de colocarlas bien. hay algun truquillo para colocarlas? quizas alguna tabla de word?
ResponderEliminarmuchas gracias, de verdad que estoy muy muy agradecido. y siento mucho molestarte tanto.
un saludo
No es ninguna molestia ;)
ResponderEliminarUna tabla de Word no, pero puedes crear una taba HTML y ahí poner lo que deseas.
hola que tal, es mi primer post en su sitio.
ResponderEliminary queria preguntarle si este truco
tanbien podemos aplicarle en las plantillas profecionales, si se puede me podrian ayudar. les dejo mi msn
maik29@hotmail.es
gracias!
Hola free, bienvenido a Ciudad Blogger.
ResponderEliminar¿A qué te refieres con plantillas profesionales?
Es que mi blog. no tiene las plantilla
ResponderEliminarque ofrece blogger, yo descarge y aplique una de "premium blogger templates"
y la verdad esta aplicacion se me hizo dificil de aplicar.
Este método no te servirá pues es exclusivo para las plantillas hechas con el Diseñador de Blogger, pero puedes probar con este otro método, si tampoco pudieras deja en esa entrada un comentario con la dirección del blog donde lo quieres hacer.
ResponderEliminarok potro , gracias por la ayuda. vere si me funciona de esa forma, y avisare. bueno muy bueno esta y pues . vere como consigo un dominio ,ª
ResponderEliminarhola potro, aqui estoy de nuevo.
ResponderEliminaral aplicar los ultimos cambios que fue lo de leer mas menos en el ultimo post y el banner cambiante centrado, se me ha descontrolado los cambios de ocultar las slidebar. y no se muy bien como actuar. si hacerlo de nuevo lo que quizas suponga descontrolar los otros cambios o intentar corregirlo, ya que al intentar introducir el codigo antes de ((head)) me encuentro con dos lineas y no se muy bien donde va.
algun consejo?
http://dequijotesyrugby.blogspot.com/p/xv-historico.html
muchas gracias de nuevo!
Podría ser que eliminaste algún código sin darte cuenta.
ResponderEliminarPrueba hacerlo de nuevo como si fuera la primera vez que lo haces, no importa que haya algo antes de </head> igual colocalo y mira qué resultados tienes.
hola,
ResponderEliminarasi lo hice y parece que ha quedado bien.
aunque me da que hay partes del codigo repetidas. pero bueno, queda bien. muchas gracias!
Pues podrías ver si hay algo repetido, busca el código que te parezca que es muy similar al que acabas de agregar y elimínalo. Después de hacerlo entra a tu blog así como a las entradas, páginas, etc y mira sino sufrió algún cambio, si descubres que era algo que afectó al blog ponlo de nuevo, sino podrás dejarlo eliminado.
ResponderEliminarHola chikos , esta muy bueno este truco .
ResponderEliminarlo intente en un blog con el diseño de blogger y me funciono.
pero una ves que intente en mi otro blog,
ya no me funcionaba
por favor el que sepa como ayudarme me podria hechar una mano, e me complico algunas cosas.
dejo mi blog y mi msn
http://www.fashionsprut.co.cc/
msn: maik29@hotmail.es
ok gracias chicos, !
Hola free,
ResponderEliminarComo te mencioné antes este método es únicamente para las plantillas hechas con el Diseñador de plantillas de Blogger.
Necesitas hacerlo con le método de esta entrada:
http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
Sólo que tu plantilla no tiene los nombres regulares de las plantillas comunes, así que en lugar de poner #sidebar-wrapper deberás poner #lsidebar-wrapper para ocultar la sidebar izquierda y #rsidebar-wrapper para ocultar la sidebar derecha.
Hola, tengo una pregunta, yo quisiera que la sidebar se viera sólo en mi página de inicio, entonces en las demás páginas el tamaño de las entradas fuera del tamaño del blog, me explico?
ResponderEliminarCómo lo haría? Gracias por tu colaboración.
Que tal Potro, emplee la modificacion esta de las paginas estaticas nadmas que el ancho de la pagina como que se decuadro, se salio de medida,
ResponderEliminarme podrias orientar para corregir tal desperfecto. Ese es nuetro blog.
http://supervisionescolar024zongolica.blogspot.com/
Hola Liliana,
ResponderEliminar¿Te refieres a ocultar la sidebar en las entradas del blog?
Si es así sigue el mimos procedimiento, sólo que en lugar de esta línea:
<b:if cond='data:blog.pageType == "static_page"'>
Usarías esta:
<b:if cond='data:blog.pageType == "item"'>
De esa forma la sidebar desaparecerá de las entradas y ocuparán el ancho total del blog.
Hola Hederit,
ResponderEliminarSólo reduce el ancho del #main, en lugar de darle 1000px dale 860px y con eso deberá quedar bien.
Saludos!
Gracias Potro de verdad eres una gran persona al brindarnos tu apoyo en esto de la informatica, saludos desde zongolica, veracruz. no cambies amigo...
ResponderEliminarDia a dia visito tu excelente blog para estar a la vanguardia
Hola Potro, te felicito, muy buena enttrada.
ResponderEliminarHe hecho todo lo que explicas y me ha salido tal y como dices.
Mi fondo del blog es rojo, y el fondo de las entradas y de la sidebar es blanco.
Lo que yo quería preguntarte es que porqué cuando estás en una página estática el post-footer sobrepasa lo que es la entrada y la sidebar, sobresailendo una parte de lo blanco hacia lo rojo.
Te dejo mi blog por si no me he explicado bien:
http://nudo-marinero.blogspot.com/
Saludos desde España y muchas gracias.
Hola Javier S,
ResponderEliminarEn realidad se sale no sólo el post-footer sino toda el área de las entradas lo que pasa es que no lo notas porque no tienes nada aun. La forma de solucionarlo es reduciendo el ancho que agregaste, quizá unos 30px menos.
Te recomiendo que siempre pongas algún texto en tus páginas o entradas de pruebas para que verifiques cómo se ve cuando ya hay un contenido ahí.
¡Saludos!
¡Muchas gracias Potro!
ResponderEliminarHe rebajado el tamaño que le dí, y he escrito un texto extenso para ver como quedaba y ahora sí sale correctamente.
Saludos y muchas gracias de nuevo.
muy bueno, para los que hemos jugando bastante con el editor de plantillas de blogger, entender luego los códigos modificados que impone ese editor se nos hace un poco mas complicado, suerte que existen este tipo de asistencias para estas plantillas.
ResponderEliminarSaludos y gracias Potro, por todo
saludos!!!
ResponderEliminaruna pregunta ... se puede poner un link arriba o abajo para darles la opcion a los visitantes de elegir entre ver los gadgets o no en la paginas estaticas ???
de igual forma si se puede realizar ese detalle en la pagina principal te agradeceria que me aclares esta consulta .. gracias ...
hecgabor@gmail.com
mmm... te dejo mi blog por las dudas
www.jugamoscityville.blogspot.com
una alaracion a la consulta anterior ....
ResponderEliminarno e realizado los cambio .. por lo tanto
espero tu respuesta para saber la conveniencia de realizar este cambio o no en mi blog ,,,
gracias .....
Hola Potro
ResponderEliminarComo puedo hacer para ocultar el footer y los comentarios en una pagina estatica especifica.
Muchas gracias
hecgabor, mira esta entrada de Oloblogger que explica cómo se hacen ese tipo de cosas para mostrar y ocultar contenido a elección del lector:
ResponderEliminarhttp://oloblogger.blogspot.com/2011/03/personalizar-el-blog-criterio-de-los.html
Peter, para ocultar los comentarios de las páginas sólo entra a Editar la página que quieres, abajo del editor de entradas verás un enlace que dice 'Opciones de entrada', ahí puedes seleccionar ocultar los comentarios. Para saber cómo ocultar el footer o cualquier otra área mira esta entrada.
Hola!
ResponderEliminarYo de nuevo por acá, ya llevaba tiempo sin venir con una duda... pero hay un PROBLEMA MUUUUUUUUUY SERIO.
1° HICE TODO LO QUE ACÁ DICE NI MÁS NI MENOS.
Ahora sí hice cada paso, ¿por qué queda así?
http://missvariete-words.blogspot.com/p/en-esta-pagina-ire-poniendo-los-libros.html
Pese a lo mucho que me molesta ver como ha quedado y que no quiero dejarlo así lo voy a dejar hasta que tú veas si hay alguna solución.
Anteriormente en otro blog que ya no tiene páginas esto lo había hecho y me sirvió perfectamente.
Ojalá puedas ver que fue lo que ha ocurrido.
Buen Finde!
Besitos ♥
Hola Miss Varieté,
ResponderEliminarPrueba poniendo debajo de:
#main {
esto:
background-color: #F0DEC8;
potro gracias por tu respuesta..
ResponderEliminarpotro, te hago una pregunta.
ResponderEliminarhay alguna forma de ocultar la sidebar en absolutamente todo (páginas, notas, etiquetas, etc.), MENOS en la pagina de inicio???
lo que quiero es que se oculte la sidebar y las notas ocupen todo el ancho del blog como lo explicas acá para las paginas estaticas.
Nota: yo ya estoy utilizando este metodo que publicaste en esta entrada. y me funciona a la perfeccion.
gracias como siempre.
potro, problema solucionado.
ResponderEliminarlo único que hice fue cambiar esto de tu codigo
por esto otro de cuando explicaste sobre los condicionales
estoy contento porque me salio solo, pero fue gracias a todas las veces que me tuviste paciencia y me explicaste cómo hacer las cosas.
como siempre, gracias potro!!!
uy no sé como hacer para mostrarte el codigo que cambié.
ResponderEliminarbueno, era el primer condicional que tienes en el script, que funciona para las páginas estáticas, y lo cambie por otro condicional para que el script funcione en todas las páginas menos en la de inicio.
Excelente EpideMia :)
ResponderEliminarPor cierto, cuando requieras colocar códigos en los comentarios primero necesitas convertir el código a texto plano:
http://ciudadblogger.com/p/conversor-de-html-texto-plano.html
Saludos!
Hola potro como estás, el problema es que tengo un blog http://divasecuatorianas.blogspot.com el cual la plantilla muestra en mosaico las entradas. El problema es que al crear una página (Acerca de)tambien la hace de la misma manera y yo deseo que se como una entrada normal. En ña plantilla no encuientro los parámetros que dices pero por lo menos he logrado ocultar la sidebar, lo que no logro es que el texto ocupe todo el ancho del blog. Excelente blog y gracias!!!
ResponderEliminarHola Wilson,
ResponderEliminarEl problema es que esa plantilla usa un Leer más un tanto antiguo. La sugerencia es quitar el Leer más y poner un Leer más actualizado.
Gracias, creo que hice algo similar, y ya no tengo el problema en la pagina de ayuda. Pero ahora me surgio otro: Cuando hago clic en la entrada me sale repetida dos veces, me dicen que puede haber algo repetido (una llamada o algo como b:....blog1....type=blog y b:....blog2....type=blog) pero en verdad no doy con lo que es. Gracias por la ayuda y excelente blog!!! (siempre me saca de apuros eres mas rápido que google foros)
ResponderEliminarPueden ser varias cosas, lo mejor es que, si apenas estás personalizando la plantilla y no tienes muchos cambios entonces resintálala de nuevo y empieza otra vez, pues luego encontrar esos detalles es algo complicado :/
ResponderEliminarMuchas gracias potro!!! fue un trabajo dificil pero me ayudo a depurarla un poco... El problema estaba en el read more, porque la solucion la copie de otro blog y habia una condicion que hacia que se repitiera dos veces la entrada. Ahora me quedó mejor y estoy mas conforme. Esto comprueba una vez mas tu eficacia, me quedo aquí!!
ResponderEliminarQué excelente que lo hayas resuelto Wilson :)
ResponderEliminarmuchas gracias potro, como siempre genial!!
ResponderEliminarsaludos lerh
Hola Xander Reyes,
ResponderEliminarDesde el Diseñador de plantillas puedes elegir el diseño/estructura de la plantilla, pero, si no deseas la sidebar de la izquierda, lo más factible es que pases todos los gadgets a las otras sidebar y elimines la que no quieres (desde el Diseñador igual).
Para quitarle separación a los gadgets agrega antes de ]]></b:skin> esto:
.widget {margin:0;}
Saludos.
Graicas Potro, atento como siempre, gracias primero por lo del margin, lo hare y te aviso, pero referetne a la sidebar, es que yo quiero 3 side bar, para no hacer un blog muy largo, ya que la naturaleza de mi blog, lleva muycos elemento y no encuentro en mi plantilla, donde diga que el float de la sidebar dice left, para ponerle rigth.
ResponderEliminarIntente lo que me dijiste para elimiinar el padding o relleno entre widget y nada, mi blog es www.InformativoRD.com por si deseas verlo, quizas no estoy diciendo lo correcto, mi problemas es que sobra mucho espacio y entiendo que es el padding up,down,left y rigth, de los witgets y los post y de la separacion de las sidebars y la main, es que se ve feo con todo ese sobrante, lo miras y me ayudas?
ResponderEliminarVeo en tu plantilla el código pero con un 10px de margen, yo lo probé con 0px (como te lo puse y sí anduvo.
ResponderEliminarLo otro de la sidebar, estuve intentando moverla desde la Edición de HTML pero no tuve éxito. El problema es que las estructuras de estas plantillas están definidas esas áreas por macros y ahí es donde se vuelve todo un lío, por más que lo muevo regresa al mismo lugar :/
Gracias potro, debo ver que hago porque el exito de mi proyecto esta precisamente en mover esa columna a la derecha, porque si siemplemente la eliminino o escojo una que no tenga esa en la izquierda, quien entre no notara que hay un directorio, pues quedaran todos esos negocios debajo y quien no baje mucho no los vera y el exito esta en poner los negocios que se vean desde arriba, lo que lograria con esa sidebar fina en la derecha, hay alguna solucion aunque no sea la que yo planteo?, o sea yo no encontre en las plantillas de google una plantilla que tenga 3 sidebar o 2 pero que la parte de las 2 sidebar esten unidas no quede arriba, sino en el medio para que queden los neogcios a rriba y no esas publicidades que tengo?
ResponderEliminarEn estas plantillas del Diseñador no veo la posibilidad de que eso suceda, pero en las plantillas Clásicas (las antiguas) sí puedes modificarlas para agregarles más sidebars, unidas no estoy seguro, pero al menos sí podrías poner tres sidebars seguidas una después de la otra. El procedimiento varía un poco según la plantilla que elijas, la más sencilla de trabajar es la plantilla Mínima.
ResponderEliminarHay alguna forma de escoger las plantillas viejas?
ResponderEliminarSí pero sólo en la interfaz antigua, dentro de Edición de HTML hay un link debajo que dice "Seleccionar plantilla de diseño", ahí puedes seleccionar una de esas plantillas.
ResponderEliminarTrate de neuvo poniendo ese codigo antes de B SKIN y nada, cuidado sino me estoy expresando bien, lo que yo deseo es que el relleno entre un widget y otro, entre una imagen y un widget, en fin cualquier cosa que este en una side bar, ese relleno sea sencillo para no tener tanto espacio en blanco, el relleno up,down,left, rigth, de cada elemento de la sidebar, e incluisive sidebar y la barra principal (main) para que se vea mas bonito y con menos espacio desperdiciado en mi blog www.InformativoRD.com, por si no explique bien.
ResponderEliminarEso es lo que de igual manera había entendido Xander, y con ese código a mí me funcionó en la plantilla Simple (la misma que usas).
ResponderEliminarPrueba de nuevo, pero esta vez ponle la terminación !important al final, es decir, que quede así:
.widget {margin:0 !important;}
Lo hice y no me funciono a lo mejor lo estoy poniendo donde no es, yo me refiero a un B SKIN que esta al principio, chequiare si hay otros, gracias por tu colaboracion, saludos.
ResponderEliminarAntes de esto es que lo estoy copiando: <![CDATA[/*
ResponderEliminarVerdad y seria bueno saber, las plantillas ya no tienen como antes que uno daba CTRL F o alguna funcion y buscaba cualquier palabra especifica que uno desea buscar dentro de la plantilla, porque yo estoy buscando todo al ojo por ciento, jajajaj
ResponderEliminarNo es antes de <b:skin><![CDATA[/* sino antes de:
ResponderEliminar]]></b:skin>
Se parecen pero no son iguales ;)
Si usas Firefox y la nueva interfaz entonces ahí no funciona bien el CTRL+F, pero si vas a la pestaña Editar de Firefox (junto a Archivo), ahí selecciona Buscar, de esa forma sí aparecerá el cuadro para buscar los textos.
Gracias por tu acostumbrada colaboracion lo encontre, pero no hace nada o yo soy muy bruto o no estoy explicando lo que realmente deseo saber, no sabria el nombre tecnico, solo se que hay muchos espacios en blancos en mi blog www.informativoRd.Com y deseo todo mas pegado y nada, sorry si tu pupilo no dio la talla.
ResponderEliminarYo sigo viendo que tienes el mismo código de antes. Es decir, tienes este:
ResponderEliminar.widget {margin-top:10px;}
Y ese debes cambiarlo por este:
.widget {margin-top:0px !important;}
No se como lo viste, pero si tiene el mismo, porque yo lo pongo le doy a vista previa y sino hay ningun cambio no grabo, siempre he hecho eso, o sea sino veo resultados para que dejar ese codigo en la plantilla siempre he dicho.
ResponderEliminarAh seguro guardas el archivo como pagina ylo editas, verdad?, bueno pues esas es la razon por la que no lo tiene, porque no vi efecto alguno.
ResponderEliminarNop, entro a tu blog, uso la opción de ver código fuente y ahí lo encuentro.
ResponderEliminarBusca en tu plantilla, ahí lo tienes. Quizá lo pusiste hace tiempo y olvidaste quitarlo.
Después de hacerlo, pon el código que te he dicho, y aunque no funcione déjalo guardado, sólo así puedo ver el código funcionando y saber si hay algo más que está afectando el código.
Ya puse el codigo en www.InformativoRD.com, Dios te oiga y veas algo y podamoe resolver eso!, si ves una forma de agregar otra sidebar recuerda decirme, gracias potro, eres un potroooo!
ResponderEliminarGracias Xander,
ResponderEliminarCuando lo has puesto has eliminado una llave de cierre del código anterior y es hará que no surja efecto. Cambia todo esto:
.widget {margin-top:10px;}
.content {
margin-top:-35px !important;
.widget {margin:0 !important;}
}
Por esto:
.content {
margin-top:-35px !important;
}
.widget {margin:0 !important;}
no funciono
ResponderEliminarayuda
no puedo minimisar la barra lateral
hola como puedo crear mi gadget
ResponderEliminar¿Cuál es el blog donde has puesto el código juan?
ResponderEliminarhola potro ya tengo otra idea
ResponderEliminar¿existe un gadget con un boton para ocultar la barra lateral de la izquierda?
mi blog es:
http://juan-el-super-gv.blogspot.com/
ya se crear gadgets
ResponderEliminarHola de nuevo juan,
ResponderEliminarPara esas plantillas lo veo complicado. Hay trucos que sí pueden hacer eso, pero son para las plantillas antiguas de Blogger, en estas (como la que usas) las cosas son muy distintas y veo complicado hacerlo como mencionas.
ok, gracias de todos modos
ResponderEliminareres el mejor
PS.
Acabe de actualizar mi blog
¿Como quedo?
Claro nada comparado con lo tuyo
Te está quedando genial juan :)
ResponderEliminargracias potro
ResponderEliminarme dijiste que es complicado pero si se puede quiero intentar con un gadget de HTML/Javascript par ocultar la barra
ayudame y gracias de nuevo
Juan
En las plantillas antiguas sé que se puede hacer, pero en estas te digo que lo veo complicado porque no tengo la menor idea de cómo pueda hacerse :/
ResponderEliminarAAAAAAAA
ResponderEliminarBueno aun haci gracias
¿como se pone una encuesta en una entrada?
dame el codigo
gracias
Con el gadget de Encuestas no se puede, esos gadgets sólo pueden funcionar en la sidebar. Pero puedes usar una encuesta de un servicio externo como PollDaddy.com
ResponderEliminarhola, bueno ya estoy aqui.
ResponderEliminarmira la pagina es un poco privada preferiria que solo tu la vieras,
como le hacemos dime a donde te la mando
Ahí está el problema, que tiene que ser pública para que pueda verla. Si quieres haz un blog de pruebas público, ahí sube la plantilla con la que estás trabajando y así podré ver el trabajo que estás haciendo en la plantilla.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarBien, entonces agrega en los estilos donde ocultaste los elementos, es decir, antes de:
ResponderEliminar</style>
</b:if>
Esto:
.content-inner {display:none;}
Este comentario ha sido eliminado por el autor.
ResponderEliminarYa quedo, muchas gracias agregue
ResponderEliminarunas condicionales para mostrar texto solo en las paginas
voy a borrar las url
me puedes hacer el favor de eliminar las url de los comentarios o borra los comentarios
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarLo último que hicimos fue ocultar justamente el contenedor, si lo dejas entonces se verá como estaba antes.
ResponderEliminarDebes considerar que es un blog y que el contenido se aloja en las entradas, por lo tanto, puedes mostrar ese contenido en las entradas, o puedes ocultarlo como estaba antes.
No veo muchas opciones, excepto que el contenido que quieres lo pongas en un gadget, pero nuevamente tendríamos el problema que se vería la sidebar.
mmm pues dejemosle como esta entonces, o habra alguna manera de meter el contenido en la plantilla?
ResponderEliminarPues una opción es que agregues un gadget arriba de las entradas con el contenido que quieres, y éste lo condiciones para que sólo se vea en las páginas estáticas o en alguna página en específico:
ResponderEliminarhttp://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html
ok Potro ya me he enterado, pero yo quiero quitar el sidebar en una sola pagina estatica de las 6 que tengo. como lo puedo hacer en una sola?
ResponderEliminarTe repito lo mismo que te dije antes:
ResponderEliminarSigue el mismo procedimiento, pero cambia esta línea:
<b:if cond='data:blog.pageType == "static_page"'>
Por esta:
<b:if cond='data:blog.url == "URL de la pagina"'>
Hola Potro! Gusto en saludarte.
ResponderEliminarMi consulta en este caso no se ajusta exactamente al tema, pero este fue el lugar más parecido que encontré para dejar mi pregunta.
Es que tengo una plantilla clásica de Blogger y quisiera eliminarle eso que tiene ella, que los anchos se auto-ajustan (el ancho de las entradas, sidebar, header, footer, comentarios, menús y todo lo demás).
Ahora quisiera establecerle un ancho fijo a la plantilla, que no cambie nunca. Pero no me atrevo a hacerlo de buenas a primeras porque varios gasgets añadidos que tengo, imágenes y otras cosas más, tuve que configurarlas dándoles el valor width: auto, para que quedaran bien en mi plantilla. Entonces no sé si al darle un ancho fijo solo a la plantilla en general, todas esas cosas se me descuadrarían. No sé.
Te pido por favor me expliques si tendría que ajustar también cada elemento que esté en el valor "auto", o si solo basta con hacerlo en la plantilla general.
Y de ser así, ¿dónde exactamente tendría que cambiar los valores para darle el ancho fijo a mi plantilla? Y ¿cuáles valores me recomendarías que sean más o menos estándares para las diferentes resoluciones de pantalla del visitante (así más o menos como en tu blog)?
Muchísimas gracias de antemano y disculpa la molestia.
Ah, mi blog es www.alabadora.com
Saludos!
Hola Vicky, qué gusto leerte y saludarte.
EliminarPor suerte la plantilla que usas tiene una versión "normal", con anchos fijos. Lo que te recomendaría es que abras un blog de pruebas y ahí pongas la plantilla que te digo, se llama Denim y está ahí mismo en las plantillas que ofrece Blogger (arriba de "Stretch Denim", la que usas). Ahí, mira y compara los anchos que tienes que cambiar, son todos los anchos (width) que están en porcentaje, así como los márgenes en porcentaje también.
Así te será mucho más fácil saber qué tienes que cambiar y dónde.
Saludos.
El procedimiento es el mismo que el de esta entrada, bueno, mas bien que el de esta:
ResponderEliminarhttp://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
Sólo que en lugar de usar la condicional para las páginas estáticas:
<b:if cond='data:blog.pageType == "static_page"'>
Usarás el que es para que se ejecute sólo en las entradas individuales:
<b:if cond='data:blog.pageType == "item"'>
Es posible que los IDs de los contenedores no concuerden, pero sólo debes cambiar el nombre de los contenedores por los de tu plantilla y funcionará igual.
Saludos.
Uy qué malo, pero bueno, suerte con los demás blogs ;)
ResponderEliminarPotro ninguna de los dos me sirve me refiero al de plantilla vieja ni nueva esta la que queria ocultar pero no probe los dos codigo pero no http://holaalonspruebas.blogspot.com/p/trasmisiones.html ese es mi blog de pruebas que puede ser
ResponderEliminarPotro he probado los dos metodos y no me funciona te invito a ver http://holaalonspruebas.blogspot.com/p/trasmisiones.html esa es la pagina y la sigue mostrando.
ResponderEliminarHola Danny, cambia #sidebar-wrapper por #rsidebar-wrapper
EliminarEse es el ID de la sidebar en tu plantilla.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminar