Menu dentro da imagem do cabeçalho

10:00




Olá meus amores!!!

Bem, outro dia eu fiz um cabeçalho ja com o menu com imagens... e muitas pessoas gostaram, e algumas gostariam de saber como funciona e tals...

Primeiramente, vamos ter que excluir uma linha no html... por tanto nao esqueçam de fazer o backup.






No html do seu blog procure por Header1

Você deverá achar algo parecido com isso: <b:widget id='Header1' locked='true' title='NOME DO SEU BLOG (Cabeçalho)' type='Header'/>

Apague essa parte e salve. Note que seu cabeçalho vai sumir.


Agora vamos para parte 02:
Crie seu cabeçalho com as imagem no lugar que quiser... e salve no seu computador.

Eu vou utilizar a capa que alguns de voces gostaram:




Feito isso acesse o site Image Maps para maper a imagem

Se voce não sabe como mapear, veja esse post onde explico: Como Mapear Imagem.




Feito isso, Vá no blogger > Design e adicione um gadget de HTML/Javascript. 
Cole o código do gadget e depois do fim do código, coloque a tag </div> para fechar o código.
Salve o gadget e arraste ele para o topo do blog. Depois clique em Sal
var lá em cima, e seu cabeçalho com menu está pronto!


É isso ai pessoal, espero que tenham gostado!
Nao esqueçam de deixar um comentário, ok!


Você pode gostar também

4 comentários

  1. to amando ver essas dicas reh ! hahahah !
    beijaaoo
    http://blogdivaschicks.blogspot.com.br/

    ResponderExcluir
  2. Adorei seu blog! Sou muito leiga nessa área, e certamente seus tutoriais vão ajudar bastante.
    Bjo!
    http://cristadelicada.blogspot.com.br/

    ResponderExcluir
  3. Caraca, obrigado. do jeitinho que vc ensina fica facil!

    ResponderExcluir

Mande seu comentário, criticas, elogios ou sugestões.
Responderei o mais rápido possivel.
Um forte abraço a todos vocês!

Contrate o Blog

Meu blog faz parte do Modatrade


Renata Massa
Renata Massa
Modatrade | A vitrine dos blogs de moda
Modatrade | A vitrine dos blogs de moda