Colocando menu dentro do cabeçalho

Oi aqui é a Lua e vim ensinar a como mapear uma imagem com menu dentro do cabeçalho!

Simples basta fazer uma imagem no seu editor(não me venha cm o paint) sugiro o photoshop CS6 ou o photoscape!

Olha como ficou a minha!

Legal né!? Outro dia eu posto o tutorial dela aqui!!

Agora você precisa mapear sua imagen!

Aqui é o site perfeito para mapear

 Neste caso você terá que usar o seu cabeçalho(O que eu falei no começo do tutorial)

.

.

.

Esta olhando onde esta de vermelho!?? Depois de colocar seu cabeçalho aperte onde esta de destaque! e espere ate mostrar continue to next step e vai siga os print's

Assim quando você clicar no "Continue next Step" vai aparacer sua imagem e uma seta  de rolagem! Leve sua seta ate aparecer a parte laranja! Depois clique em "RETANGULE" e o print abaixo

Depois vai testando o link para ver se esta certo e não se esqueça de dar "SALVE" no casofaça a mesma coisa aperte retangule e vai colocando os links(...)

Quando terminar TUDO vá na parte do Retangule e procure um pouco abaixo "GET YOUR CODE" 

Clique procure em CIMA "HTML CODE" e copie ate </map> e para fechar acrescente  </div> 

Colocando No Blogger

Eu até decorei o tutorial de tão fácil...

Por isso mesmo nem lembro onde vi...

Vamos começar?

Vá no seu HTML,aperte CTRL F e abrirá uma caixinha de pesquisa.

Lá,pesquise o nome do seu blog.

Exemplo: o nome do meu blog é Baka Paradise.

Você irá encontrar mais ou menos isso:

<b:widget id='Header1' locked='true' title='Nome do seu blog (Cabeçalho)' type='Header'/>

Estão vendo true escrito m itálico?

Pois é,ai que vamos mecher.

No lugar do true coloque false(cuidado para não apagar as aspas).

Salve.

Vá em layout e dará para você excluir ele e mudar ele de lugar!

Clique em "Desing" e depois "Layout" add um gadget e procure por "HTML/JavaScript"

E cole seu link

sugiro na posição do print abaixo

E pronto!! Só basta visuaizar!