26.12.09

Eliminar u ocultar barra superior de Blogger


Eliminar

Para liminar la barra superior de Blogger (Navbar o Barra de Navegación):

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Edición de HTML ► Advertencia sobre edición ► Continuar

2.-Sin expandir las plantillas de artilugios y antes de:

</head>

ponemos el siguiente código:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>


Ocultar

Para no eliminar definitivamente la barra superior del blog, se puede ocultar, y crear el efecto de que aparezca únicamente cuando se pasa el cursor sobre el sitio que ocupa normalmente.

Para lograr el mencionado efecto:

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Edición de HTML ► Advertencia sobre edición ► Continuar

2.- Sin expandir plantillas de artilugios localizamos esta línea:

body {

3.- Inmediatamente antes pegamos el siguiente código:

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

4.- Guardar cambios.






Índice Edición HTML
Poner imagen de fondo a un blog Cambiar enlaces pie de página
Eliminar enlaces pie de página Eliminar 'Publicado por'
Eliminar fechas Eliminar la hora
Efecto subrayar links Eliminar barra superior
Evitar copias de blogs Ocultar o eliminar sidebar
Eliminar y reemplazar cabecera Ícono para barra de direcciones
Centrar títulos posts Ensanchar blog
Cambiar color fondo posts Color fondo sidebar
Agregar una sidebar Color fondo de comentarios
Personalizar firma pie de posts Personalizar fechas de los posts
Diseñador de plantillas de Blogger Crear página de inicio o Portada
Eliminar enlaces a autores de plantillas Cambiar de sitio la sidebar
Centrar imagen de la cebecera

10 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Anónimo #

Luego de elimar la barra superior, como hacemos para acceder a nuestro Blog y publicar mas entradas??? porque si eliminamos esa barra, no nos da la opción de acceder a nuestro propio Blog, y modificar o publicar lo que nosotros queramos...!!!.
Dime si me equivoco!!
Gracias!!!

Comentario escrito por OOLLOO : #

Dederás acceder como ADM del Blog, usando éste Link: https://www.blogger.com/start
Luego deberás ingresar tus datos del Administrador del Blog, para ello Accede a través de tu cuenta de Google, en las ventanitas que te pide: Nombre de Usuario y Contraseñs.

Comentario escrito por Pedro Pablo Pachón : #

Hay varias formas de acceder a nuestros blogs para publicar, diseñar, editar, etc, sin necesidad de la barra de navegación:

1.- Entrando, no por nuestro blog, sino por la página de Blogger que nos permite el acceso con nuestro email y nuestra contraseña y que nos lleva a nuestro escritorio, y cuya URL es: https://www.blogger.com/start

2.- Agregando un gadget HTML/JavaScript, en la barra lateral con un enlace como éste:
<a href="https://www.blogger.com/start">Acceder</a> que nos llevará a la página de Blogger y a nuestro escritorio.

Una vez en nuestro blog podremos acceder a, por ejemplo, Crear una entrada, haciendo click en la opción "Editar Entrada" que hay al pie de cada entrada y cuyo enlace es una figura en forma de lápiz.

Si te queda alguna duda no dudes en formularla.

Saludos.

Comentario escrito por Anónimo #

Muchísimas gracias !!! Me has ayudado mucho !!!.
Hace como un mes que he creado mi Blog y gracias a ti, estoy resolviendo muchas dudas!!!
Gracias infinitas por toda esta información, que aquí nos ofreces !!!
( Lo de la barra me ha quedado genial,gracias por la información de como acceder al Blog, no sabía como hacerlo sin esa barra...)
Un saludo !!!

Comentario escrito por Pedro Pablo Pachón : #

Con muchísimo gusto. ¡Hasta pronto!

Comentario escrito por Canterell : #

Hola muy buenas!
He descubierto recientemente tu espacio y quiero felicitarte, me parece muy entendedor y claro, y muy bien organizado, mil gracias por tus buenas explicaciones, hasta ahora he ido siguiendo tus consejos y todo perfecto!
Tengo una duda respecto este tema (no he encontrado absolutamente ninguna referencia por la red) ¿como puedo modificar el color de la navbar (la barra superior)? se que en el menú de blogger se puede hacer, pero sólo me da a elegir unos 5 colores pero no me funcionan con mi diseño, y me he fijado que en tu blog si lo has cambiado y (creo) no es un color predeterminado... he buscado por varios sitios y no encuentro nada al respecto, ¿quizás me podrías ayudar?

sea como sea, muchas gracias por tu atención!!

un saludo,
Jordi

Comentario escrito por Pedro Pablo Pachón : #

Canterell: Entre las opciones que da el menú escoge Claro transparente, y me cuentas si te funcionó.
Gracias por tu comentario.
Saludos.

Comentario escrito por Anónimo #

Aaah... entiendo..! ;))
perfecto! ya veo por dónde van los tiros... sinceramente quiero darte mis agradecimientos por tu atención, espero seguir aprendiendo contigo por mucho tiempo!
saludos desde Barcelona,

Jordi (Canterell)

Comentario escrito por Pedro Pablo Pachón : #

Jordi:
Cuando quieras, estoy dispuesto a colaborarte.
Saludos.

Comentario escrito por Mike : #

Gracias por el tutorial Castorlux, quite la barra de navegación sin embargo me quedo el espacio que ocupaba la barra cómo hago para quitar ese espacio donde hiba la barra de navegación ha quedado como un rectangulo vacio arriba de la cabezera.
Gracias

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.