Menu Colors para blog- o menu mais fácil do mundo! - * Blog Elaine Gaspareto *

Menu Colors para blog- o menu mais fácil do mundo!

em 07/08/2017


Curtiu o título do tutorial de hoje?
Sim, é isso mesmo: vou te mostrar como ter em seu blog o menu mais fácil do mundo!
Fácil de instalar e configurar.
E além de tudo é lindinho, colorido, fica centralizado e é totalmente personalizável.
Depois de pronto o resultado será esse:


Demonstração do tutorial



Vamos aprender?
Vá ao painel do blog onde deseja inserir o menu. Acesse a aba Layout e clique em Adicionar um gadget.
Escolha a opção HTML/JAVASCRIPT e dentro da caixa que expandir cole este código:


Copiar o código


Salve, posicione onde deseja que fique (sugiro abaixo do cabeçalho) e salve a alteração do Layout.
Está pronto para ser configurado com seus links.
Sim, só isso.
Não é muito fácil?


Como personalizar o Menu Colors?


1- No código, as áreas editáveis relativamente às cores são os códigos hexadecimais precedidos de #. Para trocar as cores basta substituir os códigos das cores que estão no menu pelos códigos das cores de sua preferencia.
Aqui tem uma tabela com as cores e seus códigos hexadecimais.

2- A fonte é Arial, se desejar trocar é só alterar o nome da fonte e salvar..

3- Onde está escrito o nome de cada aba coloque, claro, os nomes das abas que desejar.

4- Onde está  a hastag # coloque o endereço http para onde cada aba deve direcionar ao ser clicada.

Gostou?
Se tiver perguntas diga nos comentários e eu ajudo se for possível!

8 comentários via Blogger
comentários via Facebook

8 comentários:

  1. Muito obrigado pela dica. Ficou ótimo! Se quiser ver como ficou https://durwanei.blogspot.com/

    ResponderExcluir
  2. Oi Elaine, bn!
    Olha eu aqui sem conseguir colocar endereço nenhum.... Ficou tão bonitinho, mas não encontrei onde está escrito "URL aqui". Essa sou eu né Elaine?
    Bj

    ResponderExcluir
    Respostas
    1. rsrrs
      Maria, o link vai onde está a #, entre as aspas :)

      Excluir
    2. quando eu abriu um gaged ele ficou na lateral.rrsss

      Excluir
    3. https://blogconvivendocomelegancia.blogspot.com.br/

      ficou na barra lateral como eu faço para colocar ele no centro em cima? rsss

      Excluir
    4. Basta arrastar o elemento de página para baixo do cabeçalho.
      E não esqueça de colocar o link de cada aba, tá?

      Excluir
  3. Oi Elaine!
    Adoro seus tutoriais. Sempre recorro a eles e obtenho toda a ajuda que preciso.
    Obrigada por compartilhar seus conhecimentos e parabéns pelo trabalho!
    Tenho uma dúvida: é possível colocar sub-menus neste modelo?
    Grata

    ResponderExcluir
    Respostas
    1. Rosangela, nesse não, mas eu conheço um colorido que dá. Vou preparar um tutorial e publico em breve :)
      beijosss

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



No Instagram