MASIGNCLEAN101

Insira um Menu horizontal - FIXO - no topo do Blogger

Hoje nesse tutorial vou explicar como inserir um Menu Horizontal fixo no topo de seu Blog Blogger, parecida com a barra principal que atualmente o Facebook e o Twitter usam (Apenas exemplos).



DEMONSTRAÇÃO (blog de testes mundo blogger)


A demonstração acima apenas tem esquema de cores diferentes, mas tem o mesmo funcionamento.

1° - Aplicar o CSS.  Entre No Painel do Blogger  →  Seu blog  →  Modelo   →  Editar HTML  →  Prosseguir;

Localize a tag  ]]></b:skin>  e Cole ACIMA dele o código abaixo:



Salve o Modelo. Agora, você vai adicionar o HTML, no código fonte do seu blog/site. Acesse em  Painel do Blogger  →  Seu blog  →  Modelo   →  Editar HTML  →  Prosseguir, e  Procure pelo trecho:
 (use CTRL+F, para facilitar a busca):

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>



Insira seus links nos locais destacados, e inclua também o titulo de seus links.

Se estiver usando algum modelo de template do “designer de modelo do blogger“, cole o código html do menu logo ACIMA da tag <header>

E cole o código a seguir abaixo da tag, caso esteja lhe dando com um site, ou modelo que não contenha esse código, cole o código a seguir abaixo de <body>.



Pronto! Muito simples. Espero que tenham gostado! Qualquer erro informe que tentaremos ajudar.

Fontes: Mundo Blogger, Empire69
Compartilhe esse artigo!
Unknown
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
Anônimo

como tirar a borda de baixo? já tentei mudar de tudo, mais ela não some!

5 de fevereiro de 2013 23:31
avatar

Basta remover as linhas do código que aparecerem o trecho: border...

6 de fevereiro de 2013 18:23
avatar

Olá,eu coloquei o menu e amei, muito obrigada!

Mas tem um problema,qualquer link que eu clique no meu blog aparece uma página em branco com os menus antes, numa duração de 3 segundos mais ou menos. Como tiro isso ? me ajuda porfavor! :(

http://garotacomglitter.blogspot.com.br/

19 de maio de 2013 13:50
avatar
Anônimo

nsira seus links nos locais destacados, e inclua também o titulo de seus links.

ONde está destacado?

6 de setembro de 2013 15:10
avatar

Na verdade eu queria colocar um campo de busca do google no canto direito e o link de home, contato e etc na esquerda. Como se faz ???

20 de janeiro de 2014 14:31
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!