Navbar com fundo Background

Hooy, pessoal hoje iremos personalizar a navbar.

Muito(a)s Blogueiro(a)s optam por retirar a navbar, por suas poucas opcoes de cores.

No meu caso Optei por não retira-la pelo motivo de que me dá fácil e rápido acesso á NOVA POSTAGEM e DESIGN do Blogger, mais sinceramente não gosto de suas cores originais, então procurei e procurei por algum código que me ajudasse á de alguma forma modificar a “Navbar”.

 

Então chega de conversa e vamos ao que interessa.

Vá ao painel Layout do Blogger, e clique na opção Editar Navbar

Escolha o modelo CLARO TRANSPARENTE e salve:

Agora vá em EditarHTML, pressione CTRL+f e procure por ]]></b:skin>

Cole acima de ]]></b:skin> o seguinte código:

#navbar-iframe{background-image: url(URL-DO-SEU-BACKGROUND-AQUI); float: bottom-page;}

 --------------------------Ficara Assim:--------------------------

#navbar-iframe{background-image: url(URL-DO-SEU-BACKGROUND-AQUI); float: bottom-page;}

]]></b:skin>

Agora troque URL-DO-SEU-BACKGROUND-AQUI pelo link do seu Background.

Visualize se estiver tudo certo salve, e ta pronto sua navbar com fundo personalizado.

Veja a minha: