iklan banner
MASIGNCLEAN103

Insira um Menu horizontal - FIXO - no topo do Blogger

Administrador
sexta-feira, 31 de agosto de 2012
iklan banner
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
Share This :
Administrador

comment 6 comentários

more_vert
avatar
Anônimo

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

5 de fevereiro de 2013 às 17:31
Delete
Balas
avatar
Marcus Vinicius

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

6 de fevereiro de 2013 às 12:23
Delete
Balas
avatar
barbie colucci

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 às 09:50
Delete
Balas
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 às 11:10
Delete
Balas
avatar
Garoto amarelo

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 às 09:31
Delete
Balas
Emoticon Feedback
Assinar: Postar comentários (Atom)