Sempre salve o seu template original ou use um blog de teste antes de começar a mexer no seus códigos.

Vá na aba tema (ou modelo) clique em editar HTML.

Dentro do código do seu blog tecle Ctrl F, e digite na barra de pesquisa cabeçalho ou header

vai aparecer esse código ou algum semelhante

<b:section class='header' id='header' maxwidges='1' name='header' showddelement='no'>

<b:widget id='Header1' locket='true' title='Blog de testes(cabaçaho)' type='Header'>

onde esta maxwidgets='1'

troque por

onde esta maxwidgets='4'

onde aparece 'no'

troque por 'yes'

onde parece locket='true'

troque por 'false'

SALVE

isso irá destravar o seu header e você poderá incluir até 4 gadget abaixo dele.

agora vá a aba layout, atualize a página e para aplicar a alteração do código-fonte.

clique em adicione um gadget HTML/JAVASCRIPT e

Clique aqui e copie o código

cole o código acima no gadget

salve,  se seguiu todos os passos deu certo, seu menu já aparece em seu blog.

para alterar cores e fontes, bastar ver o código e ele te dirá tudo que é preciso.

Voe também pode ir em painel/Tema/Personalizar/Avançado e ver suas cores. Elas mostram também o código hexadecimal de cada 1.

Como configurar e inserir os links

<div id="nav">

<ul>

<li> <a href="#">Home</a></li>

<li> <a href="#">nome da aba1</a></li>

<li> <a href="#">nome da aba2</a></li>

<ul>

<li> <a href="#">sub aba 1.1</a></li>

<li> <a href="#">sub aba 1.2</a></li>

<li> <a href="#">sub aba 1.2</a></li>

</ul>

</li>

<li> <a href="#">Nome aba</a></li>

<li> <a href="#">aba com sub 2</a></li>

<ul>

<li> <a href="#">sub aba 2.1</a></li>

<li> <a href="#">sub aba 2.2</a></li>

</ul>

</li>

A primeira linha, em geral, é onde colocamos o endereço do blog, a página inicial dele.

você ira colocar o link que quer direcionar no lugar do #

Se esse post te ajudou deixe seu comentário :)