Como configurar um menu de navegação CSS.

Neste post vamos aprender como configurar um menu de navegação CSS. Para quem não sabe, menu CSS é aquele menu que vem, as vezes, em templates baixados e, quando clicamos nele não saímos da mesma pagina.

Bom, para começar, vamos configurar o seguinte menu, na aba Dicas.

                      

                      Clique na imagem para ampliar

  

     

Para configurar no Blogger vá em Design > Editar HTML agora devemos procurar a palavra Dicas ou a palavra correspondente a aba que você deseja configurar, para procurar você pode pressionar as teclas Ctrl+F ou simplesmente F3, aparecera uma caixa de pesquisa para simplificar a sua busca.

                       

                      Clique na imagem para ampliar

A tag da aba que você procura está logo depois da tag <ul id='menu'> como vimos na imagem acima. O nome da aba está selecionado em laranja e o link da aba está em azul.

O link destacado em azul é o link que o navegador vai direcionar a pagina quando clicada, o link é: http://construtordeblogs.blogspot.com/search/label/Dicas este link eu copiei das minhas categorias, categoria Dicas. Você deve fazer o mesmo, copiar o link da página ou da categoria que deseja adicionar a aba e colar entre:

<a href=’ link da sua pagina ‘ title=' descrição da pagina '>

E o nome da aba deverá ser digitado aqui:

<span> nome da pagina </span></a></li>

Pronto, agora clique em visualizar antes de salvar, caso der errado clique em limpar edições e tente novamente com mais atenção.