Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

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>.

<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>

Vía: Hodavame

60 Comentarios:

Juanjo dijo...

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 ;)

Tony Alexander De Gouveia Roa dijo...

Hola Esta bien esto pero no puedo pegar el cogigo dice:

(No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.)

Y No se que hacer si puedes respondes por fa
Mensaje de error de XML: The markup in the document following the root element must be well-formed.

orienteblog dijo...

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

orienteblog dijo...

aaah te invito a q te des una pasada por mi blog.

Andrés dijo...

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.

Juanjo dijo...

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

Fudge dijo...

Muy bueno, ya lo puse y me funciona. Le da estilo al blog! :)

Gutierrez Cordillera dijo...

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 !

Andrés dijo...

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.

orienteblog dijo...

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 ???

Aguador dijo...

¡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í!

orienteblog dijo...

Se puede hacer eso de la radio Andres ???


La verdad estoy mu preocupado para saber sobre si es q se puede .


gracais

Andrés dijo...

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.

Driadas dijo...

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!^^

Miri dijo...

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.

Miri dijo...

También traté con esto, sin mucho éxito.

Hibiki dijo...

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

Andrés dijo...

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.

Hibiki dijo...

Hey .. gracias andres.. la verdad no habia leido esa parte.. ya pude ponerla.. eres el mejor..xD

Mi dijo...

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.

Andrés dijo...

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.

M dijo...

Andrés, gracias a ti... lo hice y resulto... jaja soy feliz..¡¡
Gracias de nuevo.

Magnolia dijo...

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.

Don Jorge dijo...

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.

Andrés dijo...

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.

1Neurona dijo...

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.

Andrés dijo...

1neurona: Probablemente estes haciendo algo mal porque si sale, te recuerdo que es entre /b:skin y /head.
Gracias por la visita.

Te tiro la posta dijo...

Lo acabo de implementar en mi blog...muy buena info!

Muy util el blog tambien...lo voy a tener en cuenta ^^

abrazo

Sergio miranda dijo...

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!

Jony dijo...

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.

Zoku dijo...

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.

psico AV/AP dijo...

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

[Cristian y Erick] dijo...

este blgo es sensillamente genial =) muhas gracias

Andrés dijo...

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.

Dinikenser dijo...

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!!!

Angelio... dijo...

que buen blog compare!, lo linkeo en este preciso instante...

quiero tenerte cerca para saber que cosas nuevas escribes...sauu

Hablamos,

Angelio...

Dan dijo...

la verdad muy buen blog.. y muy bueno el asunto de oculatar la barrita esaaa...

Andrés dijo...

Dinikenser, Angelio, Dan: Gracias a ustedes por la visita.

.::AnDrEs::. dijo...

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

Barrabás-Barrabás dijo...

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.

RJ dijo...

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!

Leandro Comeglio dijo...

Felicitaciones!!!Tu Blog ha sido nominado a los "Premios BLOGSPOT". Por tu destacado labor y desempeño que le has puesto a tu blog, te he nominado a los "Premios BLOGSPOT".
Para votar a los nominados tienen que meterse a: www.premiosblogspot.blogspot.com
Por LEANDRO COMEGLIO.

Leandro Comeglio dijo...

"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

Academia Cultural "Mata ki te rangi" dijo...

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...

Andrés dijo...

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.

Valiandfly dijo...

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

Elizabeth dijo...

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

Elizabeth dijo...

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

jafbelo22 dijo...

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.

KUKA dijo...

Muchas gracias, por fín lo quité. Sois de gran ayuda.

Anónimo dijo...

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

FaNtAsMaShARe dijo...

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

Uveros dijo...

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.

*PaO* dijo...

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

Leandro dijo...

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

J.F.J. dijo...

hola, aplique una nueva plantilla para mi blog y no se encuentra la barra de navegacion, como puedo hacerlo para que aparesca de nuevo???

Anónimo dijo...

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!!!

inversorx dijo...

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

Aradia dijo...

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.

kamila * dijo...

como hago para llegar a la edicion de la plantilla si no tengo la barra????!!!

Related Posts with Thumbnails
Últimos Post