Ocultar/Mostrar la barra de navegación de Blogger (2) -70-
Acerca el mouse aquí abajo para que aparezca la imagen y alejalo para que desaparezca.
Consiste en ocultar la barra de navegación y mostrarla cuando se coloca el mouse en la parte superior del blog o página.
Así que para ocultar esta barra tendrás que hacer lo siguiente:
- Ir a Plantilla, después a Edición de HTML (no necesitas Expandir plantillas de artilugios) y agregas el siguiente código entre ]]></b:skin> y </head>.
Así que para ocultar esta barra tendrás que hacer lo siguiente:
- Ir a Plantilla, después a Edición de HTML (no necesitas Expandir plantillas de artilugios) y agregas el siguiente código entre ]]></b:skin> y </head>.
<script src='http://wiki.script.aculo.us/javascripts/prototype.js' type='text/javascript'/>
<script src='http://wiki.script.aculo.us/javascripts/scriptaculous.js?load=effects' type='text/javascript'/>
<script type='text/javascript'>
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>
<script src='http://wiki.script.aculo.us/javascripts/scriptaculous.js?load=effects' type='text/javascript'/>
<script type='text/javascript'>
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>
Vía: Hodavame
58 Comentarios:
hola que tal, esta bueno este post felicitaciones.
Tengo un problema, no tiene nada q ver con este post
tengo un blog alojado en blogpost pero tengo un problema necesito poner una caja donde dentro pueda escribir, algo asi como esto: http://www.toneando.com/
, si lo he hecho pero el problema que tengo es q al publicarlo se ve el codigo de html: Necesito ayuda con esto, seria bueno q publicaras un post con el tema mencionado, gracias y disculpa la molestia ;)
Hola Andres:
La verdad e sacado tanta ayuda para mejorar mi blog que ahora nopuedo creer tantas modificaciones le he hecho, claro gracias a tu blog.
Despues de tantas entradas a tu blog a sacar informacion, me di un tiempo para agradeserte por tadas las ayudas. aaah en especial por molestarte en responder mis preguntas. Nunca me imagine que se puedan hacer tantas cosas a un blog y gracias a voj mi blog esta creciendo.
Bueno, sin mas me despido y agradesco todas las molestias y las ayudas de tu parte. Saludos desde Brasil. Marcelo Pinto
aaah te invito a q te des una pasada por mi blog.
Juanjo: Supongo que te referiras al buscador que ponen en dicha página que mencionas y que se ve algo escrito. Si es asi, actulizare el post sobre buscadores o sino lo hare en otra publicación. Tratare de cumplir con tu pedido.
Gracias por la visita.
Tony Alexander...: Me parece que existe un error en tu plantilla es por eso que no te sale, he tratado de encontrar el error y es tu plantilla y no se código exactamente puede ser, porque en tu blog has hecho varias modificaciones y por ahi que habras borrado algo importante.
Te recomiendo que te crees un blog de prueba y hagas este truco y verifica si te sale y después me dices que paso.
(He tratado de hacer el truco en tus 3 blogs y no sale).
Gracias por la visita.
Marcelo Pinto: Mas bien gracias a ti que sigues visitando este blog que trata de ayudar y a la vez sepan que cosas mas se puede hacer.
El mejorar el blog depende de cada uno que cosas quiere agregar a su página.
De todas maneras, en cualquier momento estare visitando tu blog.
Saludos.
gracias andres por la respuesta, pero creo q no es lo q buscaba: te explico tengo un blog donde pongo videos musicales, con sus respectivas letras, el problema es q la letra de la cancion quiero meterlo dentro de una caja, para q vean el video como seguir la letra, asi como el enlace que te mande anteriormente del blog toneando, graciasssss y una vez mas disculpa la molestia
Muy bueno, ya lo puse y me funciona. Le da estilo al blog! :)
Hola Andres .
Una pregunta, Estoy teniendo problema al subir imagenes a mis blogs. Crei q podia ser solo uno, pero en los otros tambien pasalo mismo.
Digamos no puede subir las 5 imagenes q antes subia perfectamente al mismo tiempo.
y si trato de subir una por una, solo la sube cuando quiere. :( digamos que me da erro o se queda como si estubiera cargando pero no carga nunca.
Es un problemas de todos los blogger???? o es a mi no mas q me esta pasando eso???
a ver si me ayudas tengo q subir muchas imagenes esa es mi preocupacion, digamos aunque pudiera subir una por una tardaria un mudo. :(
gracias de ante mano !
Juanjo: Ok , te entendi, lo tendre presente.
Fudge: Que bueno que te funciono a la primera y a ver si, puedes brindar la dirección de tu blog para verlo.
Gracias por la visita.
Saludos.
Gutierrez: Me parece que es problema de Blogger, en todo caso haz esto (en tu computadora):
Ir a opciones, General, Eliminar cookies y al último aceptar.
Gracias por la visita.
Saludos.
Hola andres !!
una consulta.
sera q puedo poner un reproductor a mi blog, pero q este reprodusca la radio q yo quiera ??
por ejemplo: mi blog es deportivo, y cuando juege mi equipo quiero q que reprodusca una radio "X" con el partido en vivo ??
puedo hacer eso ???
¡Ehhhhhhh, este blog es genial y es la respuesta a mis oraciones! Estaba harto de buscar ayudas y que todas me saliesen en inglés (y casi nunca me resolvían lo que yo quería saber). En fin, que sepas que te voy a enlazar en el mío y que voy a entrar a saco, para darle el aspecto que a mí me guste más. ¡Muchísimas gracias y sigue así!
Se puede hacer eso de la radio Andres ???
La verdad estoy mu preocupado para saber sobre si es q se puede .
gracais
Orienteblog: Si se puede lo que pides creo tener información de aquello, dejame buscar bien y lo publico.
Aguador: Mas bien gracias por la visita y se esta para ayudar a todos.
Saludos.
Este blog es genial!! te agrego a favoritos de cabeza! jejejej ^^ realmente gracias a pagina como esta, facilitais a gente que como yo esta empezando en esto de blogger ^^
Gracias por ayudarnos!^^
Inserté este código en la plantilla "Miniature", que descargué de
aquí, aunque no sé si sea válido...
Ocurre que he encontrado plantillas de mi gusto en las que no aparece la navbar, como ésta, y quisiera saber si puedo modificar el código para que sí aparezca (de preferencia, no quitarla ni ocultarla).
Traté con tu sugerencia, pero no obtengo los resultados esperados.
Espero que puedas ayudarme.
Gracias y hasta luego.
También traté con esto, sin mucho éxito.
Primero te doy las gracias x este blog k simplemente es de lo mejor....y como dijo driadas le falicitas la vida a personas k empiezan en blogger...pero tengo un problema...amm..donde se supone que deba poner ese codigo??graxx
Driadas: Gracias por la visita y que bueno que este blog te este ayudando.
Miri: Viendo tu blog me parece que solucionaste el problema. Lamento no haberte ayudado en su momento.
Hibiki: Ahí especifico entre /b:skin y /head.
Gracias a todos por la visita.
Hey .. gracias andres.. la verdad no habia leido esa parte.. ya pude ponerla.. eres el mejor..xD
Hola, estuve leyendo tu página, está super interesante, el problema es que casi todos los códigos funcionan sólo si tienes la plantilla antigua..? o con la nueva plantilla también funciona, porque por ejemplo traté de buscar b:skin y /head en mi plantilla y no sale nada parecido (bueno sí sale pero no la que necesito para cambiar el código)
Gracias.
Hibiki: Gracias a ti por la viista.
M: La mayoria de los trucos o mejor dicho todos son para la nueva versón de Blogger y para la versión antigua casi no he publicado mucho pero si se puede colocar un reloj, calendario, etc. Explico en donde colocar y por ahi tambien el leer mas.
Gracias a los 2 por la visita.
Andrés, gracias a ti... lo hice y resulto... jaja soy feliz..¡¡
Gracias de nuevo.
Hola Andrés, qué tal..?
Una preguntita...
Cómo puedes pegar códigos en el post.? yo traté de hacerlo y no me lo permite, y al poner el código en un jpg no se puede copiar para que lo puedan pegar...
Si ves mi blog, pusé tu post de como ocultar la barra de navegación y no pude pegar el código.. snif..
Chau, nos leemos.
Andrés:¡Facilísimo! 1.-Resalto y copio los códigos para ocultar la barra.
2.-Abro la plantilla en HTML.
3.-Localizo las dos tags
4.-Pego entre ellos el bloque de códigos copiados
5.-Clic en guardar cambios
6.-Ver el blog y FANTÁSTICO,funciona.
Ahora no hago mas que mover el puntero como un niño chiquito con un nuevo juguete.
Gracias, Andrés.
M: Saludos.
Magnolia: Tienes que hacer lo siguiente: & l t ; /script & g t ; quedaria asi: </script>
Todos esos signos tinen que estar junto, lo he puesto separado para que veas que signos se utilizan.
Gracias por la visita.
Don Jorge: Que bueno que te salio a la primera y gracias por la visita.
Estoy para ayudar no solamente a ti sino a todos.
Estaba mirando esta nueva forma de ocultar la barra, y no me ha funcionado.
Otra (que es la que me funciona) es poner el siguiente código entre el "Head" y el "head"
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Saludos y muy interesante su blog.
1neurona: Probablemente estes haciendo algo mal porque si sale, te recuerdo que es entre /b:skin y /head.
Gracias por la visita.
Lo acabo de implementar en mi blog...muy buena info!
Muy util el blog tambien...lo voy a tener en cuenta ^^
abrazo
muuuchas gracias!! de ahora en adelante seré ferviente seguidor de esta página, implementé el truco y funcionó de inmediato.
Si lo qieres ver está en www.zanjarcuentas.blogspot.com
gracias!
Hola Andres mira q pongo el truco y no me aparece, mi blog es:
http://lavozdejonyybea.blogspot.com/
En cuanto tengas la respuesta por favor contacta conmigo por email: lvp.ad@hotmail.com
Gracias Andres, ya te ice un comentario hace tiempo,y siempre visito tu blog.
Saludos!!
Sencillamente genial!^^...es muy fácil de poner y el resultado es estupendo, por cierto, para aquellos que no les funcione simplemente deben de copiar el código e ir a "edición de HTML" que podéis encontrarla en la pestaña "PLANTILLA"...una vez allí ir al final del código y pegar lo que habési copiado justo antes de la última etiqueta body, grabáis y listo.
Por lo menos así es en Blogger.com, pero de todas formas tiene que ser algo similar en el resto.
Hola Andrés, gracias por el tip esta bueno, solo una cosita, inserte el codigo y anda bien, pero lo qu eno me gusta es que sale mi correo en la barra... como puedo eliminar eso y que quede como siempre esto a la derecha arriba (crear un blog y acceder) nada más no quiero que salga mi correo electronico.
saludos y gracias
este blgo es sensillamente genial =) muhas gracias
Te tiro la posta: que bueno que lo hayas implementado es muy bueno.
Sergio Miranda: Muchas gracias por tus palabras, jejeje.
Jony: Visitando tu blog me parece que pudiste solucionar el problema.
Zoku: Gracias por la ayuda, por agregar mas información para los que no le salen.
Psico av/ap: Eso sucede porque estas en tu blog, es decir has ingresado a tu blog y los demas no ven eso solamente tu, solamente eso te sale cuando tu has ingrsado a tu blog.
Christian y Erick: Gracias nuevamente por la visita.
Gracias a todos por la visita.
No creo que vaya a poner algo que no hayan puesto!.. pero buenisimo lo tuyo y tus aportes!!!
Mira que no entiendo nada de nada... y con eso y todo pude poner esto de desaparecer la barra en el mio!!!..
Muchas gracias!!!!
Saludos!!!
que buen blog compare!, lo linkeo en este preciso instante...
quiero tenerte cerca para saber que cosas nuevas escribes...sauu
Hablamos,
Angelio...
la verdad muy buen blog.. y muy bueno el asunto de oculatar la barrita esaaa...
Dinikenser, Angelio, Dan: Gracias a ustedes por la visita.
wauu tocallo te luciste!! ^_^
bueno blog el tuyo yo ya me hize mi blog personal por si te kieres dar una vuelta por alla :D
www.andres-ck.blogspot.com
Hola Andrés,
después de instalar una plantilla desde la pagina de FinalSense -misma que conocí por este, tu blog- no se ha vuelto a ver la NavBar, le intente poner este truco para que por lo menos se viera cuando le pasara el mouse, pero nada.
No sé si la imformación te sirva pero es este template:
http://www.finalsense.com/services/
blog_templates/punisher-template.htm
Si se te ocurre cual es el problema, te pediría me mandaras el codigo y exactamente donde pegarlo via a mi correo:
darkspawn_64@hotmail.com
De antemano gracias.
Hola,
Escribo ese comentarios para dar GRACIAS! Es genial este "truco" para la barra de blogger. Da un toque mucho más elegante al blog.
¡Saludos!
"Premios BLOGSPOT"
VOTÁ al blog que crees que tiene que ganar estos premios.No pierdas ésta oportunidad de agradecer al blog que mas te ayudó.Para votar metete en: www.premiosblogspot.blogspot.com
hola amigo...
sabes,me funciona a perfección tu aporte... pero la verdad no era lo que buscaba exactamente.
Te cuento, una vez encontre por ahi, una aplicacion que hacia que la barra desapareciera por completo. Ahora me gustaria hacer eso, ya que no le encuentro ninguna utilidad a esta. si me pudieras ayudar te agradeceria muchísimo.
Desde Chile muy agradecido...
RJ y Leandro Comeglio: Gracias por la visita.
Academia Cultural "Mata ki te rangi": Si he publicado acerca de eso, busca en Etiquetas o categorias: Navbar, ahi lo encontrarás y gracias por la visita.
Hola Andrés, tengo una duda, mi blog está hecho en 2006 y es de blogger normal, y el código del
:skin>
no lo veo por ninguna parte, el de head> si que lo veo.
Tu truco sirve también para los blogs de blogger antiguo???
y otra duda que tengo que no tiene nada que ver con esto, pero que llevo tiempo buscando en internet y no encuentro la respuesta, a ver si tu me podrías ayudar:
¿Hay alguna manera de hacer que en la lista de los post previous de la sidebar te salgan todos los títulos de las entradas que tienes publicadas??? es que los blogs de blogger sólo te permiten mostrar las 10 útimas.
He encontrado un truco en una página de ayuda a blogs como la tuya, en la que hay que modificar un código en el HTML de la plantilla, pero a mi no me funciona, te dejo el enlace a la página con el truco para que pruebes a ver si a ti te sale y me lo cuentas, vale? Bueno muchas gracias por adelantado y enhorabuena por tu página, ayuda a mucha gente como a mí.
http://res-consultorioblog.blogspot.com/2006/10/mostrar-todas-las-entradas.html
chao
Hola andres, felicitaciones por tener uno de los mejores blog de la web, mira necesito que me ayudes en esto estoy creando un nuevo blog y baje la platilla vicionary la cual fue adaptada de word press a bloger. el asunto es que la vicionary trae consigo una nube de etiquetas y tab que no se como activar para que funcionen con mi entradas...ayúdame por fa...y dime como hago para tener la fecha con ese bonito almanaque como lo tienes tu en todas las entradas
Hola andres , dime como hago para que el código de la barra cargadora que coloque, ante de (/head) no se afecte cuando coloco otro código como el de la barra de titulo en movimiento. es decir uno de los 2 se pierde quisiera tener los 2, no se si me entendiste
disculpa que quede colgado , pero revisa tu plantilla pues creo que se carga un script de terceros al cargar tu blog , y es el mismo que tenia en mi blog , me di cuenta pues la barra blogger se me hizo visible , luego de eliminar el scrip sigue sin ocultarse y por eso estoy aqui aver que me falto modificar.
Muchas gracias, por fín lo quité. Sois de gran ayuda.
Hola Andres muy bueno tu blog, me sirvio muchisimo.
Te paso mi blog de espectaculos y novedades, te escribo desde Entre Rios. Saludos a todos...
www.lamovidaya.blogspot.com
Hola, ya lo hize, y ya lo oculto, pero al ponerme hasta arriba de la pagina ya no aparece, que como le hago?? saludos, todavia tengo abierto el html, se me hace que lo voy a volver a poner hasta que me puedas responder
XD
saludos
Muy buen truco. Lo instalé siguiendo las indicaciones y funcionó correctamente. Lamento sin embargo decir que -quizás sea porque la gente de blogger ha cambiado algo o porque el sitio desde donde se carga el script no está disponible en todo momento- poco después empezó a cargarse muuuuuy lentamente el blog y a cargarse parcialmente, con errores en la página. Lo que quitado de nuevo y la página funciona correctamente, pero si se vuelve a poner el código se vuelve a reproducir el problema.
Visitad http://uveros.com, desde donde podréis acceder al blog con nuestras noticias y pasar a saludarnos. Un saludo y gracias por vuestra labor, os seguimos atentamente.
Ho0la!!
Soy nueva por aqui y he encontrado tu maravilloso blog gracias a "San Google" hehe
Mira, soy super torpe y bastante nueva en esto de los blogs, de hecho, hice uno hace como un año, pero no me gustaba, estoy haciendo0 uno nuevo0, resulta que le he insertado un template, pero ya no se ve la barra de navegacion de blogger y me molesta mucho, porque no me permite tenner un acceso facil a mi blog... Por favor ayudame!! Estoy desesperada!! :(
Mi blog es: http://firefliesdancetonight.blogspot.com
Espero tu visita!!
Muchisimas gracias!
Saludos!
Byebye
No me ha salido, pero puede sr que sea un tema de configuración de mi navegador el que no vea el efecto? o sea no me tiró ningún error, pero voy a otras web que supuestamente tienen el efecto y tampoco lo veo. Sigo viendo la barra fija.
sdos
hola, aplique una nueva plantilla para mi blog y no se encuentra la barra de navegacion, como puedo hacerlo para que aparesca de nuevo???
Hace poco que estoy en esto del blog, pero encontré un blog que tiene muy buenos accesorios para blogspot o cualquier otro blog.
Yo encontré ahí unos relojes anlógicos muy buenos para el mío. Se los recomiendo, después me cuentan!!!
Hola yo quiero esconcer la barra de navegacion de mi blog, pero no se si sea penado por blogger ya que yo trabajo con adsense.
gracias
Hola... yo tengo un problema... ese código no me funciona... y que pues a mí no me importa tener la barra de Blogger arriba, es más... me he puesto una plantilla en mi blog, y no aparece... y no atino a que aparezca... ¿sabría alguien decirme qué código tengo que meter para que se quede fija? Gracias.
como hago para llegar a la edicion de la plantilla si no tengo la barra????!!!
Publicar un comentario