Trucos para la NavBar de Blogger

Muchas veces nos resulta algo molesto la barra que se encuentran en los blog de blogger, pero para esto hay soluciones simples estos trucos sirven para ocultar o hacer trasnparente la Navbar de Blogger.


1. Truco NarBar hacer que la está aparezca y desparezca:

Estó pasá cuando posamos el cusor sobre ellá. Para implementarlo sólo basta con que sigas los siguientes pasó, como lo describe, JMiur en su blog Vagabundia donde él realiza una cita a Gem@.

Paso 1: Luego de ingresar a el escritorio de tu blog, en Blogger, navega por la pestañas Diseño>DISEÑO / EDICION HTML, y antes de </HEAD>.

agregar el siguiente script.

<script src='http://www.google.com/jsapi'/><script>
google.load("prototype", "1.6.0.2");
google.load("scriptaculous", "1.8.1");
</script>
<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>

Nota importante: como los prototype y scriptaculous son scripts muy utilizados por muchos efectos, es conveniente revisar si ya no las tenemos incluidas; de ser así, no debemos volver a hacerlo y sólo es necesario agregar la última parte. Los que esta en negritas..

Paso 2: seguimos en Diseño>DISEÑO / EDICION HTML, y agregamos ahora esté código si queremos que la barra se muestre opaca:

<style type="text/css">
#navbar {
filter: alpha(opacity=50);
opacity: .5;
-moz-opacity: 0.5;
}<style>

Pero si lo que quieres es que la barra se oculte automaticamente, y que solo cuando se pase el cursor por la zona donde se encuentra la barra agrega esto.

<style type="text/css">
#navbar {
filter: alpha(opacity=50);
opacity: .5;
-moz-opacity: 0.5;
}<style>

Via: Vagabundia.