Menu para blog em formato Leque- lindo, fácil e útil! - * Blog Elaine Gaspareto *

Menu para blog em formato Leque- lindo, fácil e útil!

em 14/09/2017


Você gosta de tutoriais rápidos e simples para usar no blog? Se gosta então o tutorial de hoje é pra você!
Estou falando desse menu diferente, cheio de charme e muito bonitinho, em formato de leque que se abre para revelar as abas.
Ele pode ser usado na lateral do blog, acima da área dos posts, no rodapé da área dos posts ou no footer, o rodapé do blog.
Também pode ser usado em um post, caso você queira, como eu fiz no meu exemplo.
Quer aprender?
É muito simples e fácil!
Vem comigo!


Como colocar o Menu Leque no blog?


Para começar defina os links e o nome de cada aba que seu menu terá.
Sugestões? Use para destacar páginas importantes do blog, ou posts importantes. Ou ainda use para colocar o link de suas redes sociais, mais ou menos assim:

Definidos os links e o nome de cada aba acesse a página com o código necessário a execução do tutorial:


Ver o menu e copiar o código


Copie todo o código e a seguir vá ao painel de seu blog e na aba Layout (ou Design, é a mesma coisa) clique em Adicionar um gadget. Dentre as opções que aparecerem escolha HTMLJAVASCRIPT.
Na caixinha que expandir cole o c[odigo copiado anteriormente.
Salve, posicione onde deseja que fique e salve a alteração do Layout.
Seu menu já estará aparecendo.
Agora basta editar os nomes das abas e colocar o endereço http para onde deseja que cada aba direcione ao ser clicada.
E tá pronto!

Para trocar as cores basta substituir os códigos hexadecimais das cores que estão no menu pelos códigos hexadecimais das cores que deseja.
Aqui tem uma tabela de cores e seus respectivos códigos hexadecimais.
As cores sempre aparecem no código precedidas de #, ok?

Caso queira usar o menu em uma postagem faça assim: copie o código do menu, vá até o post onde deseja inserir o menu Leque e no alto do editor de postagem (onde você escreve seus posts) clique em HTML. Essa ação reverterá seu editor de postagem para o modo HTML.
Cole o código completo do menu onde deseja que ele apareça na postagem, coloque os links no local indicado e ajuste o nome de cada aba.
Depois de pronto publique seu texto normalmente, como está acostumado.
Para voltar o editor de texto ao modo normal clique em Escrever no alto da página.

Gostou? Deixe seu comentário, ou clique em Compartilhar ao final do post.
Eu agradeço demais!!!!



2 comentários via Blogger
comentários via Facebook

2 comentários:

  1. Boa tarde Elaine
    Adorei e já apliquei no blog,sofri um pouquinho mais deu certo.Fiz o leque com fotos,só ficou uma foto que não abre.
    Mais uma vez obrigada.
    Beijos

    ResponderExcluir

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…



Visualizações

Contando...

Dias online
Postagens
comentários