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.
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
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!
4 comentários
to amando ver essas dicas reh ! hahahah !
ResponderExcluirbeijaaoo
http://blogdivaschicks.blogspot.com.br/
Amando esses tutoriais reh <3
ResponderExcluirAdorei seu blog! Sou muito leiga nessa área, e certamente seus tutoriais vão ajudar bastante.
ResponderExcluirBjo!
http://cristadelicada.blogspot.com.br/
Caraca, obrigado. do jeitinho que vc ensina fica facil!
ResponderExcluir