Cabeçalho mais para cima

Cabeçalho mais para cima

(Clique para visualizar melhor)

Esse tutorial quem me passou foi a diva da Emily, do Extras PF por comentário há uns meses atrás, então créditos a ela! 

Esse tuto é muito bom pra quando se quer dar a ideia de que algum elemento está saindo do topo, aqui no blog por exemplo, temos a plaquinha com o nome do blog, com duas fitinhas "segurando" essa placa. Fica bem mais bonito do que deixar ela "flutuando". Se interessou pelo tutorial? Então go go go! 

Vá em Design > Editar HTML e Procure (Ctrl+F ou F3) por : 

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 

Acima dele, cole o seguinte código: 

<div style="margin-top:-50px;"> 

E altere o valor (50px) até ficar grudado lá no topo (ou o quanto você quiser é claro). 

Agora acrescente </div> depois de </b:section>. Ficando assim:

<div style="margin-top:-50px;">
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>

PS: O meu está com o título do meu blog (Go Imagine), o seu estará com o nome do seu blog ok? 

Anny não achei o código!

Calma, pode ser que no seu código esteja um pouquinho diferente. Veja se acha esse aqui:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section>

Se achar é só colocar acima dele:

<div style="margin-top:-50px;"> 

E acrescentar </div> depois de </b:section>. Ficando assim:

<div style="margin-top:-50px;">
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>

http://goimagines.blogspot.com.br/2012/01/cabecalho-mais-para-cima.html#more