Tutorial:Menu dentro do Cabeçalho

Olá meus morangos! Tudo bem com vocês? Eu estou bem graças a Deus, gente para tudo que eu amo morango,é realmente muito bom...Bom eu não vim aqui falar de morangos como perceberam, eu vim ensinar o primeiro tuto do blog! Que é ''Menu dentro do cabeçalho'' Bom se você não sabe oque é,simples veja o cabeçalho deste blog , sabe o menu que dá pra você clicar na imagem? Então,vou ensinar a fazer isso...Então vamos ao Tutorial 22kos (tchutchucos)
Primeiro é preciso que você tenha o seu cabeçalho , com o menu!
Se você já o tem , é só entrar neste site:Image Maps depois disso é só:

O segundo passo é mapear a imagem:

Depois de mapear, faça o seguinte:

Desmarque todas as opções da coluna advance tool box:

Depois de tudo pronto, clique em :

E apertando neste botão,você será redirecionado á página do código:

Depois é só copiar este código, e adicionar um gadget html/javascript e colar o código lá , no lugar do cabeçalho

Mas para colocar no lugar do cabeçalho,é preciso excluir o cabeçalho ''padrão'' 

é simples vá em ''editar html'' em seguida aperte ctrl + f  e procure por ''cabeçalho'' e você encontrará um código parecido com esse:

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true‘ title=’Título do seu Blog (Cabeçalho)’ type=’Header’/>
</b:section>
</div>

Substitua a palavra ''true'' para ''false'',e salve!Quando você for ir no cabeçalho terá a opção excluir e ai é só você colocar no topo no lugar do cabeçalho o menu mapeado.


É isso pessoal espero que tenham gostado do tutorial! E ótima segunda feira, e que Deus e Jesus Cristo Abençoe todos vocês ♥