25 janeiro 2013

Menu no cabeçalho!


Hoje vou ensinar uma coisinha que aprendi lá no Cherry Bomb! Eu adoro o blog da Liah gente é perfeito.

Então hoje vou ensinar a fazer o menu dentro do cabeçalho, que além de ser bonito economiza espaço. Quer aprender? Clique em continue lendo.

Antes de começar o tuto já tenha o seu cabeçalho com o menu dentro ou seja o nome das paginas que você quer que seja o menu (ex: F.A.Q,créditos,About etc.)

Antes de começar faça um backup de seu template caso algo der errado.

Primeiro vá em Design>>Editar HTML>>tecle Ctrl + F e procure pelo nome do seu blog ou por essa linha aqui.

 <b:widget id='Header1' locked=

Apague essa linha e  salve, perceba que seu cabeçalho sumiu não se desespere.

Vamos mapear o seu cabeçalho.pegue ele e hospede em algum hospedor (ávah) recomendo o picassa, pois a maioria dos sites apagam as fotos com um tempo.

 Depois de fazer o upload do seu cabeçalho, pegue o link (url) dele e entre nesse site.


faça como no print


Em seguida você vai esperar uma contagem de segundos no site e faça como no print



Depois disso você vai clicar na ferramenta  Na lateral do site e faça um retângulo em volta de onde você quer por o link.

Depois que por todos os links onde você quer clique em E depois clique na guia HTML code copie até onde estiver a tag </map>


Vá no blogger>>Layout>> Adicionar um gadget Html/javascript cole o código do seu cabeçalho mapeado que você copiou anteriormente e adicione a tag </div> no final do código.E arraste o gadget para o topo do blog como mostra o print abaixo.




Fácil né? Eu disse que era (u.u) todos os creditos do tutorial a Cherry Bomb.











Nenhum comentário:

Postar um comentário

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2019. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo