Maratona - Como por Menu dentro do Cabeçalho

Oiii meus cupcakes recheados de granulado,bom,hoje vai ser o primeiro dia da 'maratona de tutoriais',hoje eu vou ensinar como colocar menu dentro do cabeçalho...
é a criatividade me abandonou,então hoje,vou ensinar vocês a fazer o menu no cabeçalho.
OBS: Clique nas imagens desse tutorial para vê-las em tamanho real 

1ª Parte - Mechendo no HTML

Entre no Blogger (Obvio)

Modelo >> Editar HTML

Aperte F3

e pesquise por .header-inner .Header .titlewrapper,

Apague o codigo da linha que vc acabou de achar até /* Tabs (Não apague /* Tabs,apenas antes dele )

E Cole o codigo abaixo:

.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper {  padding-left: 10px;  padding-right: 10px;  display: none;}

.Header h1 {  font: $(header.font);  color: $(header.text.color);display: none;}

.Header h1 a {  color: $(header.text.color);display: none;}

.Header .description {  font-size: 130%;display: none;}

Visualize e veja se o cabeçalho sumiu,se sumiu salve,se não sumiu feche e comece novamente.

2ª Parte - Mapeamento do Cabeçalho.

Primeiro você precisa ter seu cabeçalho já com o menu.
Eu vou usar esse abaixo, se quiser você pode modifica-lo e utilizar ok?Mais dê os créditos...

Note que os nomes já estão escritos na imagem.

Depois de ter a imagem pronta já com o desenho no menu entre nesse site [www]

e siga os passos:

                            

Faça isso

(Processo 3 e 4)

em todo o menu.

Desmarque todas as caixinhas:

E clique (lá em cima)

Em 'Get Your Code'

Clique em 'HTML Code' 

Copie o código

Vá em Layout

e Adicione um Gadget HTML/JavaScript

Cole o código, e salve, mova para baixo do Gadget do cabeçalho, salve e pronto, seu blog esta com um menu dentro do cabeçalho :)

Espero que tenham entendido, conseguido e gostado do resultado.

:)

Dúvidas? Deixe nos comentários, ou mande um e-mail para mim >para enviar,basta clicar em CONTATO<

Comentem bastante Beijos Amores!