Navbar de bootstrap para blogger

20:51 – by Chat cristiano para todos.
Ahora es muy fácil agregar un navbar en blogger y cambiar los colores con cambiar o agregar un texto. (Es algunas plantillas nativas de blogger el navbar no se expande en todo el ancho del blog, pero en plantillas que son de otras paginas, si funciona como pueden ver en la plantilla de códigos blogger.

Copien y pequen el siguiente código html después de: <body> o en cualquier otro lugar que dessen.
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Inicio <span class="sr-only">Sub</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Nosotros</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Precios</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
  </div>
</nav>

Pueden usar cualquiera de estos tres colores: solo tienen que cambiar lo que esto en el nav de arriba
navbar navbar-expand-lg navbar-light bg-light


por esto:
navbar navbar-dark bg-dark (navbar negro)
 


navbar navbar-dark bg-primary (navbar azul)
 

navbar navbar-light (navbar claro)
Si aun no an leído la introducción a bootstrap para blogger, les recomiendo lo hagan.

Si quieren otros estilos, con imagen y buscador, visiten la pagina de bootstrap navbar.

Nota: para que el navbar-toggler-icon no de errores en la version movil, tienen que agregar: bg-dark, y el código quedaría así: navbar-toggler-icon bg-dark