Ocultar barra de navegación de blogger

Cuando haces un blog en blogger, por defecto se añaden unos elementos que, a veces por estética y otras por funcionalidad, te gustaría que no estuvieran ahí o que al menos te dieran la oportunidad de desactivarlos.
Éste es el caso de la barra de navegación superior de blogger, es un elemento que no siempre queda bien a nivel estético y desde la configuracion no existe manera de quitarlo, al menos no tan fácil como se pueden modificar el resto de elementos.

La solución a este problema es muy sencilla. Basta con aplicar una linea de CSS desde el editor de las plantillas de blogger y ocultaremos el elemento. La línea a añadir es :
  #navbar{ display:none; }
También podemos insertar el css en alguno de nuestros widgets de html/javascript de la siguiente manera
<style type="text/css">
  #navbar{ display:none; }
</style>
Existe otra alternativa, aunque me gusta menos para este caso ya que no sería necesaria, que es igualmente efectiva y es hacerlo por javascript. Igual que antes, podemos añadir éste contenido a alguno de nuestros widgets de html/javascript de la siguiente manera
<script type="text/javascript">
  document.getElementById('navbar').style.display = 'none';
</script>
Con la misma técnica se pueden ocultar otros elementos de nuestras páginas, el único requisito es conocer su identificador o clase. O bien los conocemos porque el código es nuestro, o bien inspeccionamos el codigo fuente de la web o usamos alguna herramienta para tal efecto como la extensión FireBug o similares