1 de fev de 2013

Tutorial: retirar espaço entre o cabeçalho e o topo


Hello cutes! Tudo bom? No tutorial de hoje, irei ensiná-los como retirar o espaço chato que fica entre o cabeçalho do blog e o topo (onde se localiza a navbar). O tutorial é bem fácil, espero que gostem! Cliquem em leia mais!


vá no HTML do seu blog  aperte F3  procure por /* Header

Logo abaixo você encontrará o seguinte código:
/* Header
----------------------------------------------- */
.header-inner.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}

Apague todo esse código e substitua por: 
.header-inner {
margin-top: -45px;
}

.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;

Altere o valor de -45px para o valor que preferir, visualize se estiver tudo certo, salve. 

16 comentários:

  1. Adorei, eu fiz esse tuto pq até diminiu o cabeçalho, fica melhor pra carregar u.u Valeeu, beijos, Giovana.
    girlsabout.blogspot.com

    ResponderExcluir
  2. eu amooo esse Tuto, mais tem muita gente que não sabe da existência dele,kkko/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  3. Muito bom o tuto, é super útil já que a nav bar incomoda tanto ;)
    cute-bii.blogspot.com

    ResponderExcluir
  4. Oi cute ! amo teu blog bê , amo mesmo , todo dia visito , espero que fassa o mesmo , se gosta da pra segui pfv !! né mais so se vc gostar
    http://a-sminaspiram.blogspot.com.br/
    Bjs

    ResponderExcluir
  5. Oi flor, sou super sua fã, seu blog è lindo demais, eu queriao contato da KAWAII THE WORLD que fez seu layout e tambèm o codigo do cursor, so que aparece o aviso: Permissão negada!
    Ajudaaa!

    ResponderExcluir
  6. Ameeeei o post.Deu muito certo no meu blog.Amei mesmo :)
    http://moderninhaatrevida-oficiall.blogspot.com.br/ Beijos

    ResponderExcluir
  7. Nossa, outro dia eu estava louca por esse tutorial, aí mexi tanto que acabei tirando o espacinho hsuashua. Mas o tuto é super útil *.*
    xoxo
    Curti aqui!
    OPS, ESNOBEI!

    ResponderExcluir
  8. Já usei esse tuto no meu blog, ficou megafofo!
    como vc personalizou os coments ??
    0Obrigada
    passa la: www.menina-boba.blogspot.com
    bj bj

    ResponderExcluir
  9. Oii me ajudeeeee ! Porfavor vc faz layouts né??!! Claro eu baixei um seu ii amei ta !
    So que eu procuro como fazer e quero um do meu jeito , Então me ajude (como é que eu fasso , tenho que baixar algum programa , tenho que tomar curso ?) b me ajudeee

    ResponderExcluir
  10. Oii ta afim de uma afiliada nova ?

    ResponderExcluir
  11. Oii quer ser afiliada do meu blog ?:

    ResponderExcluir
  12. Fica lindo, eu uso esse tutu é muito bom. Amei o blog *O* Se quiser ver o meu...
    http://depoisdameianoiteoficial.blogspot.com.br/

    ResponderExcluir
  13. amo esse tutorial *-* ajuda muito

    Beijos, Cherry Of Shine

    ResponderExcluir
  14. Gente, eu estou começando com o meu blog agora, e queria muito que vocês me ajudassem ^-^ Basta seguir e comentar ♥♥ por favorzinho *-*

    http://reinadodasotomeskawaiis.blogspot.com.br/

    ResponderExcluir
  15. Tem Tag# pra você lá no blog .
    Beijos, http://bhulago.blogspot.com.br/

    ResponderExcluir
  16. OOi Isa Linda,tudo bem?
    Espero que sim,comigo está otimo >< Isa não sei se está lendo os e-mails que te mando mas pedi para que no meu Layout no banner possa está escrito Lucy Panther Pink não Lucy panther,ok?Estou amando ><

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita