30

Navbar (barra Blogger) mágica!!

He encontrado otra forma de ocultar la navbar, es decir la barra de Blogger, y que se muestre solamente
al pasar el cursor sobre ella.


Se colocan dos líneas de código en la plantilla-HTML justo antes del principio de la sección CSS, por ejemplo donde lo he puesto
en mi plantilla, antes de:

/* Use this with templates/template-twocol.html */
body {

Código:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}


Nota: el truco funciona con Firefox, en IE simplemente oculta la barra.

Encontrado en : BlogU

Entradas Relacionadas:

30 comentarios:


Azul...

Como siempre sorprendente y fabulosa!!!!!!! Lo de los abrazos me lo llevoooooooo

Por lo pronto, anótate 300 abrazos de mi parte!!!!!!!!!

Bessitos!!!!!

Anónimo

A la oredennn!!! 300 Al saco!!jijiji

Unknown

Realmente excelente este truco, uno de los mas sencillos y muyyy bueno.Me gusta mucho como queda el blog así...y es mejor que eliminar la navbar por completo.

Saludos y muchas gracias...

anota los abrazos que quieras! :P

Anónimo

Hola Rosa
Hay alguna forma de ocultar la navbar y que se muestre solamente si hacemos clic sobre ella.Porque no me gusta como queda en las paginas pero a mi me sirve tenerla para trabajar con los blogs.
Muchas gracias.
Sofia

Anónimo

Sofia, yo lo desconozco, aunque lo dudo mucho, ya que el código de la nvbar es controlado directamente por Blogger...

Anónimo

Hola Rosa, me fue muy útil este truco, quería hacerte una consulta, cuando "desaparecí" la barra quedó la franja de otro color, y a pesar de haber metido mano en todo lugar donde se me ocurrió de la plantilla, no logré que quede todo el fondo igual, cómo podría solucionarlo?
Espero ser clara con la explicación ;)
muchas gracias

Anónimo

Vic, si todo está correcto eso no tendría que pasar...no puedo ver tu blog,así que no puedo decirte mucho más...:-X

Anónimo

Oh si, el blog es www.fideicomisoinmobiliario.blogspot.com
es probable que algo me haya faltado porque soy nueva con esto :) gracias!!

Anónimo

Vic, en tu blog es así, hacia tiempo que no veía que alguien usase esa plantilla...es así, la cabecera no llega hasta arriba en esa plantilla, quizás podría modificarse, pero ahora mismo no estoy en casa y no tengo posibilidad de probarlo...intentaré recordarlo para mi vuelta.

Anónimo

Mil gracias Rosa!!

SMarbury

Hola Rosa, he ocultado la navbar, pero ahora no sé como acceder a crear nuevas entradas, ni a plantilla para poder poner la barra como antes. En resumen, que no puedo entrar como administrador y no puedo hacer nada en el blog. A ver si me puedes ayudar, gracias

Anónimo

SMarbury, no es necesario la Navbar para eso, ingresa a http://www.blogger.com/ introduce tus datos de acceso y entrarás a tu panel de Blogger para publicar y modificar tu plantilla.

Anónimo

isanet, pues es exactamente eso lo que tendrías que hacer para que vuelva a verse...no tengo idea de porque no se ve completa...Esa parte la controla Blogger directamente y una vez que se retira el código de ocultación, la barra debería salir de nuevo tal cual, en realidad siempre ha estado ahí, solo la has mantenida "no visible"...:-X

Anónimo

isanet, por lo que se de algunas personas que me han comentado al respecto, no deja de dar todo tipo de problemas :-(

BtheBlog

ya lo puse en practica.... pero cuando accedo sin identificarme como admin... sigue apareciendo ... es decir me imagino que todas las personas que entren seguiran viendola que puedo haceR?

Anónimo

BtheBlog, yo no veo el código aplicado en tu blog, así que la navbar seguirá saliendo.
De todos modos esto la oculta hasta que pasas el ratón sobre ella, entonces se ve.
Si el código está aplicado correctamente, funciona.

BtheBlog

Pues creo que ya lo he aplicado bien! eso espero jaja, muchas gracias!!!!!!!!

Unknown

jajaja y yo que pense que habia descubierto America!

KAT

Hola Rosa, quisiera q me ayudes tengo un problema, hace unos dias descargue el internet explorer 8, pero no sé xq en mi pc (sólo en mi pc) se me descuadró la visualización de mi blog, he visto en otras pc's y se ve normal, lo q he podido apreciar en mi pc al ver el blog es q aparece la navbar que tengo oculta en mi html del blog, lo he vuelto a hacer y siempre aparece en mi blog ahi arriba pero sólo en mi pc, me he dado cuenta q al aparecer me mueve el blog y el fondo que es negro lo veo blanco, se q en otras pc's se ve negro, cómo puedo arreglarlo no sé que hacer, me estresa al postear, al hacer todo, espero una opinión de tu parte y si te ha pasado alguna vez. Saludos.

pd. Ah... en mi pc lo veo igual en iexplorer 8, firefox y en chrome, fondo blanco y con la bendita navbar arriba q me descuadra el título el resto se ve bien pero tengo letras claras (xq mi fondo es negro) y para postear y visualizar es estresante. Gracias anticipadas.

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

KAT Todos vemos tu blog así y eso es porque has cometido un error al colocar el código para ocultar la navbar. Lo has puesto así:

<!-- ocultar barra blogger -->
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
<!-- ocultar barra blogger -->

Tienes que retirar ahora mismo esto:
<!-- ocultar barra blogger -->
por supuesto el de arriba y el de abajo. Si quieres señalizar el código en el CSS has de hacerlo así:
/* -- ocultar barra blogger ---*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* -- ocultar barra blogger ---*/

Esa "tontería" es la que está afectando a la correcta visualización de tu blog.

KAT

Gracias Rosa, como no me pude dar cuenta el ejemplo estaba ahí arribita, pero ese código lo tuve desde siempre, desde antes de instalar el IE8 y todo marchaba bien, además todas las personas q pregunte me decían q veían bien el blog con fondo negro, yo misma lo veía en la laptop de mi hermana. Osea que no sólo yo lo veía así, incluyéndote claro, y así he estado varios días...mmm q mal...

Te agradezco infinitamente Rosa, no sabes la alegría que me has dado, muchos saludos y q tengas muchos lindos días.

Anónimo

KAT De nada cielete ;)
Nada más que lo vi, supe que era eso...que llevé así tiempo y hasta ahora no afectó...misterios del html ja,ja, lo extraño es que otros y en otras pc se viera bien...¿misterios de los navegadores? :D:D

En Blogger la mitad es un misterio y la otra intuición, ja,ja.

KAT

Tienes mucha razón... gracias de nuevo ;) .

Ronald Gordon

:) perfecto! esto si me salio!!!

Anónimo

Perfecto Rosy La pagina del blog queda mas linda Besotes....

ra.

hola rosa!

se me oculta perfectamente el blog, pero no de manera suave, sin transicion de degrado, porque puede pasar eso?

enorabuena x el blgggg!

Anónimo

ra. Así es, y en eso se basa el truco precisamente, en usar opacidad con la barra..

Noelia

Funciona :D Gracias Rosa.

Miguel

Hola!!!

Soy novato en esto de los blogs, y me parecen muy útiles todos tus trucos.

Este lo he hecho en mi blog y... ¡Ha dado resultado!!!!!!

Gracias.

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