07 agosto 2011

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:

3 comentários:

aprendendo artesanato disse... [Responder]

OLÁ TUDO BEM? ADOREI SEU CANTINHO TEM COISAS LINDAS E AS EXPLICAÇOES QUE VOCE NOS DAR É OTIMA, AINDA PORQUE SOU LEIGA NESTA PARTE DE FOTOSHOP . OBRIGADA POR COMPATILHAR.ABRAÇOS LOURDES

Clicia Brito disse... [Responder]

Ou flor.. acabei de virar sua seguidora fiel!
Adorei muito seu blog...
me segue também!
derosasoalgumascoisas.blogspot.com
Beijos!

marilia disse... [Responder]

Amei o blog ! Quero ser parceira. Me segue ?
bjs

Se Plagiar Vai Dançar!
myfreecopyright.com registered & protectedProtected by Copyscape Online Plagiarism Checker