58

Ocultar la barra de Blogger

Si no te gusta como queda la barra de Blogger (Navbar) puedes ocultarla con unas líneas de CSS.

El código CSS hay que pegarlo entre las etiquetas head en la plantilla del blog Edición html

Para evitar confusiones, lo mejor es colocarlo justo al final del CSS de la plantilla, es decir, justo antes de ]]></b:skin>:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Entradas Relacionadas:

58 comentarios:


Anónimo

Interesante. Yo tenía la barra quitada del todo pero ya la puse oculta, asi los de blogger no van a notar que la quité, asi ye mucho mejor parezme a mi. gracies por el consejin.

Squishy

Mie Buen

Unfortunately my Spanish is limited :) Cheers Chicky Keep up the good work.

Anónimo

Thanks Squishy.

Benjamín Leyton

Rosa, apliqué con total éxito el código en mi blog! Primera vez que logro hacer esta operación. Estoy muy agradecidooo
Benja

Anónimo

Gracias a ti Benja, yo solo hago que transmitir lo que otros me enseñan...
Un abrazo.

Espaciolandesa

Estaba buscando información sobre la navbar y me encontré con tu blog, en el cual he hallado cosas muy interesantes, algunas de las cuales ya he aplicado al mío.

Hay algo que quiero consultarte. Hace tiempo que quiero cambiar mi plantilla y me he topado con tres dificultades:

1. Han sido muy pocas las que me han gustado.

2. La mayoría de las que me han gustado con para el Blogger Beta.

3. Las que me han gustado para el Nuevo Blogger me han presentado el inconveniente de que no aparece la navbar.

Ya vi que no es mucha dificultad ir al panel a editar el blog sin la navbar, pero me gustaría conservarla, que se vea.

No quitarla ni ocultarla.

¿Hay algo que puedas sugerirme?

Gracias y hasta luego.

Espaciolandesa

Yo de nuevo...

Básicamente, lo que me gustaría saber es si puedo agregarle código a la plantilla que me gusta y en la cual no aparece la navbar y qué codigo sería...

Quizá valga la pena decirte que no sé nada de html.

Nuevamente gracias y hasta luego.

Anónimo

Pequeña, veo que ya tienes un template con navbar, así que llego tarde...Por cierto, es una template muy linda. ;-)

Espaciolandesa

Gracias por tomarte el tiempo.

Pues seguí indagando y lo único que tenía que hacer era quitarle a la plantilla el código para ocultarla.

He aplicado varios tips de tu blog al mío, eso ha contribuído a que se vea así de lindo, además de que he aprendido bastantes cosas que me han permitido hacer más a mi gusto la plantilla.

Te agradezco nuevamente y hasta luego.

Jack Hammer

Bueno, Rosa, me temo que acabo de sufrir la avería del tonto. He quitado la barra de blogger y ahora no sé cómo acceder para hacer las modificaciones y esas cosas. Será una tontería, pero me estoy devanando los sesos y no doy con el asunto. ¿Me ayudas?

Graciaaaas

Jack Hammer

Bueno, ya lo he encontrado por fin, pulsando "plantilla Blogger" accedo a la configuración y esas cosas. Menos mal que había puesto le símbolo del copyright y ahí aparece el texto, que si no... no puedo entrar en mi propio Blog ¡grr*xjs*pfjxX*/ññ!

;-)

Jack Hammer

Rosa, en evolucionatusexualidad puse lo del copyright y a través de ese punto puedo entrar a mofificar las cosas, pero en cienorgasmologia.blogspot.com no lo puse y no puedo entrar!!!

Anónimo

Maestro, no había contestado a los mensajes anteriores porque creí que "lo que fuese" lo habías solucionado...
...y es que no tengo Ni Idea de que estás hablando...como no te expliques mejor...no entiendo nada.

DB THE LEGEND

HOLA OYE COMO LE PONGO UNA ITRODUCION A MI PAJINA COMO UN VIDEO O UNA PRESENTACION
NO SE SI M PUEDAS ORIENTAR

Andreina

hola!!!!!!!!!!!!!!
muchas gracias x colocar esta info
me sirvio mucho

gra x ponerla
bueno
bye

CASM: El Rey de ésta Jungla

hola Rosa, gracias por la página y las ayudas, estopy de a poco construyendo la mia, necesitaria una ayuda porque por firefox no se puede ver adecuadamente luego de haber creado una tercer columna

saludos

Anónimo

Fernando Esteban Córdoba, no todas las plantillas son iguales, ni responden de la misma manera a según que cambios, necesitaría ver tu blog en este caso para poder orientarte y no has dejado enlace al mismo ni tienes tu perfil habilitado

CASM: El Rey de ésta Jungla

Hola Rosa, superé en parte el inconveniente por el tema de firefox, ahora si te envio el enlace

www.unlugarenmismundos.com

CASM: El Rey de ésta Jungla

De nuevo, te pediría una ayuda en cuanto a como puedo realizar un truco con respecto a ubicar en las entradas "ampliar las lecturas",

saludos

Memorias en Común

Anónimo

Fernando, me alegra que lo arreglaras:-)

En cuanto a lo de "ampliar lecturas" dime si te serviría algo como lo de este blog, y si es así, publicaré como hacerlo:
http://picumoros.blogspot.com

CASM: El Rey de ésta Jungla

gracias Rosa, me gustaría si puedes enviar algún truco de ese blog,

saludos

Anónimo

Fernando, en cuanto pueda publicaré como hacer el truco del texto igual que en ese blog.

yaxkukmok

Hola Rosa,la barra ya la quité,pero ahora ¿como hago para verla,donde hago click?.

Anónimo

yaxkukmok , si la has quitado como vas a verla...se quita para que no esté a la vista.

yaxkukmok

Gracias por responder tan rapido.
Es que creía que dando click en algún lugar de la plantilla aparecía,vos sabes para hacer cambios y crear nuevas entradas ¿y para salir del blog como se hace si no esta la barra?.
Es que en esto soy novato y estoy aprendiendo poca a poco.
Maestro comenta esto:
"Bueno, ya lo he encontrado por fin, pulsando "plantilla Blogger" accedo a la configuración y esas cosas. Menos mal que había puesto le símbolo del copyright y ahí aparece el texto, que si no... no puedo entrar en mi propio Blog ¡grr*xjs*pfjxX*/ññ!"

¿Pero donde esta "plantilla blogger" y el simbolo de copyright?

Gracias por la ayuda Rosa,siempre visito tu blog para aprender.

Anónimo

yaxkukmok , mil perdones cielo:$ a veces doy por hecho cosas que por básicas pienso que todo el mundo sabe...lo siento.

Maestro se refiere a que tiene uno de los botones de Blogger en su blog y desde el entra al panel de control del blog.
Verás es que yo por ejemplo para acceder a mi panel no uso el blog, sino que tengo esta dirección: Blogger guardada en "favoritos" de mi navegador y desde ahí accedo al panel.

Muchos que han quitado la navbar y quieren seguir entrando desde sus blogs, usan este otro sistema:Acceso al panel

Juan Carlos

Hola, Rosa: simplemente... ¡GRACIAS!
Hace tres o cuatro días comencé a construir mi blog, y he aplicado con éxito muchos de tus trucos. Lamentablemente, éste que parecía el más fácil, no me funcionó... la barra de Blogger no desaparece. Quizás sea por la plantilla base, una Tic Tac.
Mil gracias por todo!

Anónimo

Juan Carlos, tiene que funcionar, también en la TicTac. Quizás no lo has puesto en el lugar correcto...fíjate que hay un <b:skin><![CDATA[/* casi al principio de la plantilla...ese no es, tienes que ir hacia abajo bastante más para encontrar el otro, el que indico en la entrada.

Y gracias a ti!

Por cierto si ese no es el problema me lo comentas de nuevo;)

yaxkukmok

¡¡Muchas Gracias Rosa,lo he podido hacer siguiendo tus instrucciones:D!!.Primero oculté la navbar y despues he creado mi panel de control del administrador que solo yo puedo ver,y nada me dió error, todo cheque.No te preocupes,no necesitas pedir perdón,al contrario agradezco tu paciencia conmigo:$.
Y estoy guardando todas las entradas con tus consejos de como mejorar el blog y lento pero seguro aprendo día a día con tu ayuda,imáginate en este momento son las 3:23 A.M y aquí estoy escribiendote este mensaje y aprendiendo con tus consejos aprovechando que hoy es Domingo y que mejor muestra que visitando mi blog para que veas que estoy haciendo la tarea: http://miseriesub.blogspot.com/
Saludos y muchas Gracias por tu ayuda.

Anónimo

yaxkukmok, no te preocupes , je,je, gracias a Dios paciencia tengo mucha:D
He visto tu blog y si, je,je, veo que has conseguido hacer bastantes cositas...quizás el próximo paso sería tratar de mejorar la cabecera...¿qué te parece?
Lo que necesites me dices, aquí o por email ¿ok?
Un saludo!

Juan Carlos

Hola, Rosa: no... está correctamente colocado, justo sobre la línea ]]/b:Xskin>, pero la barra no se oculta.[la X y la falta de <, es porque me rechaza el envío :-)]
De hecho, he colocado allí varios de tus trucos, el último que está es el de las pestañas, que por cierto, en las primeras cuatro o cinco líneas, debajo de width:100%; le agregué esta línea: background:#efefef; para que tenga un color de fondo acorde al resto. También antes, a la navbar le había seleccionado un color acorde, ya que el azul que venía por defecto no tenía nada que ver.
¡Gracias por tu tiempo! Y no te preocupes, lo de la navbar es sólo un detalle insignificante.
¡Gracias por todo lo que nos enseñas!
Un gran abrazo a la distancia...

Anónimo

Juan Carlos, mira prueba a colocarlo así:
<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Pero justo antes de </head>

Juan Carlos

¡¡Jajaja!! ¡¡Genia total!!
¡Se voló la navbar! No ta má...
¡Gracias, infinitas gracias por tu ayuda, y lo pronto de tu respuesta!!
¡Un gran abrazo, Rosa!

yaxkukmok

Bendiciones por tu paciencia Rosa:D.Y sí,la cabecera la quiero mejorar si es posible hacer que en cada carga del blog cambie la imagen de fondo pero aún no lo he intentado y eso de poner las fechas como calendario en el blog no me funcionó cuando lo intenté me dió error primero y despues no me aparecía el fondo de calendario.
Y es que mi blog lo tuve que volver a armar ya que por querer cambiar de plantilla lo estropié todo,suerte que aún estaba guardado en el cache de google y lo pude armar rápido,eso me pasa por querer hacer las cosas solo y no haber leido tus trucos de como cambiar plantilla sin perder los widgets,pero me sirvió de lección y ahora si le quiero hacer cambios primero leo tus consejos.
Saludos y gracias por visitar mi blog y por ofrecer tu ayuda.Cualquier duda con tu permiso te llamo:-)

Anónimo

yaxkukmok , ya sabes donde estoy :D

Anónimo

benitez, ve en el panel de tu blog a Configuración - pestaña "comentarios" y cambias allí las opciones de "persona que puede dejar comentarios" pones "cualquiera" y ya está.

Por cierto, no dejes todo el texto de tus comentarios como enlace a tu blog la próxima vez.

Fundasord/CEBS

Hola Rosa.

Hice el agragado del código para ocultar la barra de google,pero yo la sigo viendo, esta bien?

Anónimo

Prof. no, no está bien.
Fijate que hay un <b:skin><![CDATA[/* casi al principio de la plantilla, ahí no es donde hay que ponerlo, sino antes del otro ]]></b:skin> que está bastante más abajo.

Anónimo

Pues una vez más... he de darte las gracias por estas cositas que pones...
Hoy, es el navbar lo que oculté... gracias a ti.

Un beso.

Anónimo

tatojimmy ¡ Graciasss! :D

ideas en 5 mili segundos

Hola, primero muy interesante el post, solo una pregunta no es ilegal esto de ocultar o quitar la barra, ya me e chutado todos los términos y condiciones pero no entiendo bien si se puede o no hacer esto, digamos si es legal?

Anónimo

Memo Si, es legal. Y si aún te quedan dudas:

http://vagabundia.blogspot.com/2008/11/basta-de-polmicas-fuera-la-navbar.html

lille skvat

Muy buen truco y muy fácil de implementar. Gracias.

Saludos,

Lille Skvat
http://lilleskvat.blogspot.com

Jet Set Radio

Gracias Rosa por tu consejo, al principio no sabía mucho e hice experimentos con mi blog (elblogdelaelu.blogspot.com) pero ahora he ido entendiendo más como usar los codigos gracias a tus guias. Muchos saludos Eli

Fernando

Perfecto!!! gRacias :D

BdlE

gracias!

Mala_sensei

Hola Rosa! Es la primera vez ke t escribo. Ya he habilitado algunos d tus consejos en mi blog, estoy empezando y está algo "simple" el diseño d mi blog pero ahí la llevo gracias en parte a tus consejos.

Mis preguntas son estas: ¿Si oculto la barra con este truco tendré algun problema con blogger? Es decir: ¿A Alguien le han suspendido su cuenta/blog por usar este codigo para ocultar la barra? También cambié el favicon, ¿me recomiendas volver a colocar el favicon d blogger o así me kedo?

De antemano MUCHAS gracias por tu respuesta.

Rosa

Mala_sensei Ningún problema... el mismo Blogger lo dice... eso si, no estaría mal pusieses un icono o enlace a Blogger como agradecimiento, creo que sería lo justo.

gerardo

hola rosa
es la primera vez ke eskribo
tus tips me han sido muy utiles
pero intente ocultar la barra de blogger pero no pude, solo aparecen algunas letras que no se ven porque el color es el mismo que el fondo, uso la plantilla scribe.
Quisiera tu ayuda porfavor

Anónimo

gerardo En este caso la plantilla que uses no tiene nada que ver, funciona en todas... fíjate si lo has colocado en el lugar correcto.

F!X

Hola Rosa-sensei, me encuentro con un problema, por un lado, estoy muy contento por lo lindo que quedan los blogs usando el draft de blogger, pero me di cuenta que no puedo usar ningun truco para ocultar (o borrar o hacerla aparecer con un scroll) la navbar porque me deja un espacio en blanco en su lugar :S

Te dejo el blog donde quiero utilizarlo: www.pipistrellavampiro.blogspot.com

Tal vez sea por el uso de js en la plantilla por parte de blogger o algo asi, pero bueh...
Desde ya, gracias por leerme :D

Rosa

F!X Así es :( yo también he tratado de ocultarla y queda ese espacio... ahora está incluida como un gadget oculto y lo han hecho además después de body, con lo que al ocultarla el body empieza más abajo... espero alguien de con la forma, la verdad es que no me he "metido" aún en las nuevas plantillas pues hay cosas que aún Blogger tendrá que perfeccionar en ellas...

F!X

Gracias, Rosa. Estaremos a la espera, de todas formas al ser semi transparente no molesta demasiado. Un beso desde el otro lado del charco :D

C.P. Cesar Ramiro Salazar

Muchas Gracias, tu blog es uno de los que mas me ha servido al hacer el diseño del mio.
Buen dia

Jennifer Cuétara

Gracias ^^. Felicidades por el blog, es realmente útil. :$

RemiseroStudio.com

muy interesante lo acabo de habilitar en mi blog. muy buena

Anónimo

Mil gracias Rosa, he seguido tus pasos y aunque me costó, porque yo de html, pues bastante pez. Lo he conseguido. Gracias.

Erik Renderos

Amiga o Amigo el que a creado este blog lo felicito esta muy bueno si pueden agregenme a erik_renderos@hotmail.com nesesito ayuda para mi blog.

Publicar un comentario

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

Los comentarios están siendo moderados.

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