31 de ago de 2012

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 essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

6 comentários

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

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

    ResponderExcluir
  3. 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/

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

    ONde está destacado?

    ResponderExcluir
  5. 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 ???

    ResponderExcluir

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!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo