Menu no cabeçalho

Hoje em dia vários blogs já sabem como colocar o menu normal do blogger dentro do header, vários também já ensinaram, dente eles o Trechy Teen, Spázio DM e muitos outros. Mas mesmo assim eu resolvi fazer um tutorial explicando o código que eu usei, que é super simples e fácil para ser personalizado! Eu gosto dele porque da uma aparência mais profissional ao blog, sem precisar daquele menu mapeado sem efeito algum, eu já usei e não aprovei, acho muito sem graça hahahaha :b Bom, vamos ao tutorial?

Primeiro de tudo, você precisa excluir seu cabeçalho e colocá-lo pelo html. Não se assuste, não é nada complicado, basta seguir os passos abaixo:

Já no seu HTML, dê um CTRL + F e procure por:   .content-inner {   Quando achar, apague todo o código que o acompanha, e cole o novo:

.content-inner {

   background: url(COLE AQUI A URL DO SEU CABEÇALHO/HEADER) no-repeat;

  background-position: ;

  background-color: ;

}

Depois procure por: .Header .titlewrapper,   quando achar, você vai colocar o seguinte:  margin-top: +160px; Vá editando o número em negrito até alinhar seu header com o resto do blog, nada complicado.


Depois de ter feito isso, vamos colocar o menu no cabeçalho, para fazer isso, siga os passos abaixo:
Primeiro de tudo, vá no designer do modelo -> Avançado -> Plano de fundo das guias -> Selecione a opção de transparência e salve.

Depois vá no seu HTML, dê um CTRL + F e procure por: /* Tabs quando achar cole o seguinte trecho antes de fechar a chavinha {
margin-left:120px;
margin-top:120px;

Vá editando os valores até encontrar a posição do menu que mais lhe agrade, nada muito complicado. Depois é só visualizar e ver se ficou tudo beleza, daí salve e curta seu menu personalizado :D