MASIGNCLEAN101

Código - Navbar do Blogger com efeito expansível

Durante muito tempo, a Navbar, aquela barrinha que fica no topo do blog com as opções de compartilhamento e algumas funções específicas do blogger, foi perseguida e vários códigos surgiram para retirá-la dos templates. Pouco tempo após isso, a própria central do Blogger dispôs a alternativa de usar ou desabilitar.

Claro que existem inúmeros usuários que não abriram mão dessa ferramenta e utilizam até hoje. E fato é, que de uns tempos pra cá vários tutoriais de personalização surgiram, e o tutorial de hoje ensina como deixar esta barra em forma de botão com uma opção expansível, ocupando assim, o mínimo de espaço do blog.


Alerta! Antes de fazer qualquer modificação, faça um backup do seu modelo.

Acesse modelo  Fazer backup/Restaurar  Fazer download do modelo completo.

1° passo: Acesse o painel do Blogger, escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar HTML".

2°passo: Agora usando o Ctrl + F, procure por ]]></b:skin> e cole antes o seguite código:

3° passo (opcional): Você pode alterar a cor de fundo, localizando #fe6602 no código acima e substituir sua cor de preferência. Você pode encontrar mais cores em nossa paleta de cores.

4° passo (opcional): Se o tamanho da navbar não lhe agradar, procure por: width: 100% e altere conforme o desejado.

Você ainda usa a Navbar? Espero que tenha gostado! Deixe seu comentário! 
Compartilhe esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

Código perfeito. Já está no meu blog. Parabéns pelo trabalho!

25 de abril de 2013 08:40
avatar

Muito diferente e o único código que realmente funcionou.
Adorei.
(k)

25 de maio de 2013 22:28
avatar

Coloquei no meu, mais não deu certo. OBS.: ficou um ícone azul que expandia da esquerda para direta, mais não deu clique, falta alguma coisa ou não deu certo no meu template !

11 de junho de 2013 18:46
Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!