subir cabeçalho

(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>

Tirar espaço entre postagem e cabeçalho

Primeiramente:

Aperte Ctrl+F > Pesquise por /* Tabs > apague margin: 1em 0 0;

 Ctrl+F > Pesquise por /* Main > adicione margin-top: -10px; 

Vá aumentando o número, visualize antes de salvar, e se tiver descido, diminua o número, e se diminuir para -5 e não estiver bom, tire o -

cabeçalho pelo html

Tutorial :
1) procure pela tag :  .tabs-inner {   precionando ctrl + f
2)logo abaixo de: padding: 0;  colé o seguinte.

background: url(endereço da imagem aqui) no-repeat;
background-position:center; 
 padding-top: 340px;

Entendendo:
background: url(endereço da imagem aqui) no-repeat; (Coloque o endereço da imagem do cabeçalho)
background-position:center; (para que a imagem fique completamente centralizada.)
 padding-top: 340px; (para que a imagem apareça completamente no cabeçalho, autere o valor, e vá visualizando e quanfo ficar legal salve.)