Cabecalho do Blog Mais Para Cima


Oii meus pequeninos como vão? Eu estou muito bem, e hoje com um tutorial de como colocar a imagem do cabecalho do seu blog mais para cima, espero que os ajude bastante e que coloquem em prática!! (Clique em Leia Mais para ler o resto do post)

Esse tutorial é da diva da Anny do Go Imagine, LET'S 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='Super Lipstick (Cabeçalho)' type='Header'/>
</b:section>
</div>

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

Gabi 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='Super Lipstick (Cabeçalho)' type='Header'/>
</b:section>

Se achar é só colocar acima dele:

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

Por hoje é isso, espero que tenham gostado do tutorial! byebye ;*

Nenhum comentário:

Postar um comentário