Cabeçalho mais para cima do blog - Navbar | Quero Dicas


Cabeçalho mais para cima do blog - Navbar


Hoje, eu vou ensinar, como colocar o cabeçalho do blog mais próximo do navegador, no lugar da Navbar do blog. Mais antes, quero dar os créditos ao blog GoImagine, pois foi com ele que eu aprendi.
Ao fazer este tutorial você notará seu "banner", mais rente a barra de navegação, sem aquela "fitinha" do plano de fundo aparecendo (Navbar)

Veja a diferença na imagem.
Clique para ampliá-las

     Passo 1

Vá em Modelo > Editar HTML. Quando abrir Segure Ctrl+F e procure pelo código abaixo:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 

     Passo 2

Acima deste código, cole o seguinte:

 <div style="margin-top:-50px;">
 

2.2 - No final desta chave coloque </div> depois de </b:section>

2.3 - Ajuste a altura que quer, de acordo com seu template. Vá aumentando ou diminuindo " - 50px

Obs: Se você tentar salvar ou tentar visualizar antes de colocar o código </div> abaixo de  </b:section> ocorrerá erro em seu template.

Veja as imagens com fazer. 
Clique na imagem para ampliá-la.

Gostou? Então deixe seus comentários! =D. Beijinhos
Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.