6º dia de tutorial: Personalize sua navbar!

oi gente, sexto e amanhã ultimo dia de tutoriais hein! haha! 6 dias com vcs! 6 dias cheios de alegria! É otimo poder vir aqui no blog e publicar tutoriais pra vocês! espero que tenha ajudado!
bom, hj vamos saber como personalizar sua navbar, é muito simples!
Bom, primeiro vamos ver oq eeh navbar pra quem não sabe:

é isso dai q fica em cima do blog, ou pode ser chamada de barra de ferramentas.
Bom, agora vamos ver a forma tradicional de mudar a navbar ('barra de ferramentas'):
1. Faça login no Blogger e vá em: Design >> Elementos da página >> Navbar >> Editar.
Depois escolha a que você gostar +. Olhe o exemplo:

Gostou de alguma? Não? Então vamos pro próximo tópico: cores da navbar:

Primeiro, marque a sua navbar de claro trasparente e depois salve (senão não vai funcionar).

depois vá em >> desing >> editar html. faça download do seu template para não dar errado e depois tecle "ctrl+f" e na caixinha de pesquisa pesquise ]]></b:skin> e acima dessa tag cole o html q vc + preferir:

Rosa:

#navbar-iframe{background-color: #&lt;span class="Apple-style-span" style="font-family: verdana; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: x-small; "&gt;#FF69B4&lt;/span&gt;; float: bottom-page;}
Azul:
&lt;/font&gt;&lt;/span&gt;#navbar-iframe{background-color: &lt;span class="Apple-style-span" style="font-family: verdana; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: x-small; "&gt;#00BFFF&lt;/span&gt;; float: bottom-page;}
Outras cores:
Basta trocar as cores pelo html:
#navbar-iframe{background-color: #SUA_COR; float: bottom-page;}
É simples amoras, só trocar onde está escrito " #SUA_COR" pelo html da sua cor viu!
Mas agr, se você quer retirar a navbar, faça isso:
 procure no código do seu template este trecho ]]></b:skin> e acrescente imediatamente antes, a parte em vermelho:
#navbar-iframe { height: 0px; visibility: hidden; display: none; }

ficando assim:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }
]]></b:skin>

Para voltar a exibir a Navbar, faça o processo inverso: procure pelo código acima (em vermelho) e apague-o totalmente.
Gostou? Comente! 
Beijokiss