Lo Último

Ocultar o eliminar la Navbar de Blogger




Por fín mi blog va a parece una página y obtendrá un aspecto más profesional. Eliminando la Navbar que blogger pone por defecto en nuestros blogs, podremos presumir de tener una cabecera limpia y agradable.
Ocultar o eliminar la Navbar de Blogger es posible, con ello nuestro blog obtendrá un nuevo aspecto y se parecerá más a una página que a un blog, en Blogger In te enseñamos como retirar esa molesta barra superior que nos impide ofrecer a nuestros lectores una vista limpia de nuestra cabecera.

Si bien la barra superior de navegación de Blogger nos permite crear directamente una entrada o pasar al siguiente blog, también puede convertirse en un objeto molesto para las cabeceras de los blogs. Una vez que no la tengas te acostumbrarás a ir al escritorio de blogger para publicar la entrada, o tambien podrás poner un enlace directo a "Entrada Nueva" en un gadget de texto o incluirla en una pestaña de tu barra de navegación.

Existen dos maneras de hacer que ésta Navbar deje de ser visible en nuestro blog, podemos eliminarla o simplemente ocultarla, comenzamos.



Para ocultar la Navbar de Blogger debéis proceder de la siguiente forma:

Ir a tu "Escritorio Blogger"
Pulsar en tu "Blog"
Pulsar en "Plantilla"
Pulsa en "Editar HTML"
Busca la etiqueta <body>
Y debajo pega el siguiente código:

/------------------------------------------------------\
#navbar-iframe {
height:0px;
visibility:hidden;
display:none

}
\------------------------------------------------------/



Para eliminar definitivamente la Navbar de Blogger procederemos de la siguiente forma:

Ir a tu "Escritorio Blogger"
Pulsar en tu "Blog"
Pulsar en "Plantilla"
Pulsa en "Editar HTML"
Busca la etiqueta <body>
Y debajo elimina el siguiente código:
(NOTA: copiar el siguiente código en un txt por si queremos volver a restaurar la Navbar)

/----------------------------------------------------------------------------------------------------------\
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Barra de navegación' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\758805328822057678932\46blogName\75Universo+m%C3%A1gico\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//universomagicojuanca.blogspot.com/search\46blogLocale\75es\46v\0752\46homepageUrl\75http://universomagicojuanca.blogspot.com/\46blogFollowUrl\75https://plus.google.com/106254347381066865847\46vt\0756366787564173500147&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>
\----------------------------------------------------------------------------------------------------------/


Esto es todo! espero que disfrutes de tu nuevo look de Blogger