16 janeiro 2012

Tutorial: Como colocar o cabeçalho mais pra cima

632431-10-1326363135998_large

Oi cupcakes, como vão? Mais um tutorial feliz pra vocês (estou a-man-do postar tutos!). Peguei esse do blog lindón Go Imagines.




Ou seja, os créditos vão todos pra ele. Esse tuto ensina como colocar o cabeçalho mais pra cima, sabe? Eu usei, e aprovei. Muito fácil. 
Olha aqui a imagem do Go Imagine:

Então é bom se tem alguma coisa saindo do topo, como essas fitinhas.
O tuto é fácil, mas tem muitos códigos e pode confundir um pouco, então presta atenção ;D
Clique em Continue Lendo pra ver o tuto:



Ok, vamos começar.
Vá em Design>Modelo>Editar HTML>Prosseguir> Aperte CTRL+F.


Procure pelo código: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 


Acima dele, cole o código: <div style="margin-top:-50px;"> 


O número que está em verde (50) é o valor do espaçamento. Se você quiser maior o espaçamento, coloque 60, etc, até ficar no lugar que você quer.


Agora acrescente </div> depois de </b:section>.
Vai ficar 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>




Maaass se você não achar o código, pode ser que seu código seja diferente. Nesse caso, tente 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, cole em cima dele esse aqui:
<div style="margin-top:-50px;"> 


E acrescente </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>



Bom meninas, era só isso mesmo ^.^
O tutorial é relativamente fácil, e o resultado é incrível. Qualquer dúvida, só comentar, viu?
Beijinhos de morango, Vickie s2

3 comentários:

  1. Oi Querida adorei o Tutorial
    seu blog é M-A-R-A
    já estou seguindo e vou sempre estar por aki
    Beijos da Nega

    Venha me visitar e se gostar pode ficar
    http://www.esmaltenanega.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi tudo bem? Own, brigada!! Vou retribuir sua visita!! Bjos

      Excluir
  2. Brigadinha pelo tuto vai ser bem útil visito aqui sempre seu blog é lindo maravilhoso só que as histórias de terror sei lá me arrepiam!

    ResponderExcluir