NOVO LAYOUT + Menu dentro da imagem do Cabeçalho

Oii Sorvetes de Pistache
Tudo beem?
Mudei o Layout do blog *--*
Quis fazer uma coisa mais atual e original :p
Gostaram? COMENTEM!

Hoje trouxe um tuto muuuuuuito útil

Eu achei o tuto lá no Cherry Bomb

Então os créditos vão pra lá ok?

Vamos ao Tutorial !

Primeiramente você já deve ter um cabeçalho com todos os nomes do menu Tipo: Início, contato, créditos etc.. exemplo:

Imagem Cherry-Bomb

Após já esta com seu cabeçalho pronto com todos os nomes,

FASSA UM BACKUP DO SEU LAYOUT PARA EVITAR PROBLEMAS FUTUROS após,Vá no HTML do seu blog, aperte Ctrl+F e procure por Header1

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

Apague essa parte vizualize e se estiver tudo certinho salve. Note que seu cabeçalho vai sumir.

Agora você vai mapear a imagem no site  www.image-maps.com.

Ao entrar no site irá apaarecer isto :

Se você estiver com o cabeçalho salvo no pc você clica em ESCOLHER ARQUIVO!

Caso tenha apenas a url cole em FROM A URL

Após clique em : Start Mapping Your Image.

Apos o site carregar, você irá clicar em continuar e após :  que estara na lateral direita do site.

Fassa um retângulo em cima do nóme de cada Menu.

Ao terminar clique no botão : .

Quando a Página carregar você irá na aba HTML Code, e irá selecionar/copiar apenas até  </map>

Vá no blogger<  Layout adicione um gadget de HTML/Javascript. Cole o código que você acabou de copiar 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 Salvar lá em cima, e seu cabeçalho com menu está pronto!

Acabooou :)

Espero que tenham gostado :)

Bjuuus  :*