05/01/2013

Tutorial: Removendo espaços indesejados do blog

Hey guys Mini Gifs! Hoje venho trazendo pra vocês, um post que vai ser super útil. Bom,antes de começar eu queria agradecer a todos, porque estou muito feliz com o movimento do blog! Continuando....
Irei dar três tutorias de como remover aqueles espaços indesejados do blog, que os deixam um tanto quando feio. Talvez possa ficar um pouco grande, mas...Vamos lá. 
Lets Go~
Removendo espaço acima do título da postagem:

Vá no seu HTML de f3 e procure por /* Posts
Você vai encontra abaixo dele o seguinte código:
h3.post-title {
  margin-top: 20px;
}
Regule o valor do margin-top para diminuir o espaço (use o - na frente do numero, ele faz subir)

Removendo o espaço do menu

Vá no seu HTML de f3 e procure por /* Main. Você irá encontrar o seguinte código abaixo dele:

.main-inner {
  padding: $(content.padding) 0;
}
Apage esse código e adicione no lugar e ajuste o valor de margin-top:
.main-inner {
  padding: $(content.padding) 0;
margin-top: -54px;
}

Removendo espaço da navbar
[www]

Vá no seu HTML de f3 e procure por /* Header. Você irá encontrar o seguinte código abaixo dele:

.header-inner.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}
Apague toda essa parte e coloque essa no lugar:
.header-inner {
margin-top: -45px;
}
.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}  
Altere o valor de margin-top.


32 comentários:

  1. Tutorial muito útil, realmente eu tenho agonia quando esses espacinhos ficam expostos e eu não sei como tirar T.T


    blog-perfectmutation

    ResponderExcluir
  2. Ótimo tutorial. O melhor é que você postou como retirar todos espacinhos em um post só *-*

    garotadifferente.blogspot.com

    ResponderExcluir
  3. Útil demais, me da nervoso quando tento tirar esse espaços , mas nbão consigo. Dessa vez com o tutorial bem explicado não tem nervosismo. u.u
    Beijos
    nobodyslistenvei (blogspot)

    ResponderExcluir
  4. Muito legal e util o tutorial .

    meus-pensamentos.com

    ResponderExcluir
  5. Eu já sabia todos esses códigos, poxa =/ hahaha, eu moro perto de Sorocaba e você?

    Beijos,
    garota-queen.blogspot.com ♥

    ResponderExcluir
  6. Sao pequenos espaço que faz uma grande
    diferença no lay . Gostei do tutu .

    http://blog-meninasmalucas.blogspot.com.br/

    *Espero sua visita*

    ResponderExcluir
  7. O de remoer o espaço da navbar é o mais útil na minha opinião, mt bom. (:

    Burnny

    ResponderExcluir
  8. Muito útil esse tutorial, principalmente na parte do menu! Beijos!
    pqngarota.tk

    ResponderExcluir
  9. O espaço da navbar é o que sempre me incomoda!
    Sempre tiro! >_<
    Ótimo tuto, muito útil pra quem não sabe como fazer pra tirar!

    Mil beijos Xx \(^_^)/
    Meu jardim Secreto / For Yours Sims

    ResponderExcluir
  10. Os que mais uso são os da navbar e do espaço em cima do título da postagem. O do menu não conhecia ainda *0* Adorei =)

    Beijos,
    #Chovendo Diamantes

    ResponderExcluir
  11. Tava procurando um tutorial parecido com este e achei rsr!! Obrigado por postar.

    iblueclassic.blogspot.com.br

    ResponderExcluir
  12. Conheço os tutoriais (só o segundo que fiquei meio #nãolembroagora) e são muito úteis pra quando a gente não têm a base um layout e ainda está carregado daqueles gadgets desnecessários do blogger :-)

    Um beijo, @annolivers
    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  13. ei tavoh fazih a favor pra mim?
    olha la no blog e como v viu hammm os gagets estao colado e eu queria separar e tbm as postagens pode me ajudar?
    queria muito
    juro que te pago 10 reais no dia que eu te encontrar na rua e te conhecer
    uahsuahsuahsuahsuahsuhahsuahushaus

    ResponderExcluir
  14. Adorei os tutos *-*
    Não se esqueça da gincana :)
    CAT GIRL

    ResponderExcluir
  15. Adorei os tutos, eles são realmente muito uteis, eu estava procurando o primeiro, mas já me acostumei com o espaço acima do título do post.

    Stay Strong

    ResponderExcluir
  16. Nossa babei sangue quando vi seu blog de tao lindo que ele é putts adorei bjus pode seguir ja to seguindo seu blog :)
    http://blog-menina-blogueira.blogspot.com.br/

    ResponderExcluir
  17. seper fácil de fazer!

    Obrigada pela visita, volte quando quiser!
    Beijões, @esteffanifontes - tt
    Aos Dezesseis Anos - aosdezesseisanos.blogspot.com.br

    ResponderExcluir
  18. Fácil de fazer e muito útil!! Conheci seu blog agora e adorei ele, seguindo!!

    http://teen-bombs.blogspot.com.br/

    ResponderExcluir
  19. É bem útil, até porque esses espaços quando estão muito grandes irritam haah. Lá no Sim Senhorita to cheia de alguns, mas não acho que tenha tutorial que resolva. É um template diferente, porque pra você ter noção da minha habilidade com HTML, eu nem instalar template base sei, mas enfim, criei em um modelo diferente do Viagem e não sei nada de nada e ninguém ensina nada, mas eu tô achando que os espaços são do modelo mesmo uahha. Entendeu? Só faço confusão, olha o tamanho do comentário que eu coloco em um post de HTML auheauehau

    Beijos ♥
    Sim Senhorita (Clique aqui ou no perfil)
    @anaazista

    ResponderExcluir
    Respostas
    1. Ah kkk tudo bem, então pesquisa uns video nos youtube pra aprender mais sobre HTML, você vai amar k k k

      Excluir
  20. Muito útil, já conhecia, eu uso o removendo espaço da navbar.

    Beijos de amora

    carismaticaoficial.blogspot.com

    ResponderExcluir
  21. Que legal. Alguns ai eu não conhecia (:

    - Wonderland Cherry ~

    ResponderExcluir
  22. Ótimo tutorial!
    Acabei de seguir aqui, seu blog é lindo.
    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  23. Esses espacinhos me dão agonia T-T
    Que bom que tem um jeito de tirar eles USHAUSHA'Ótimo tutorial, beijos *-*


    www.your-smile-oficial.blogspot.com

    ResponderExcluir
  24. Realmente, é muito útil. Mais eu já conhecia todos estes códigos! =)

    Beijos, Mollie.
    I'm Fucking a Zombie.

    ResponderExcluir
  25. Esse tutorial é muito útil . Tenho horror a alguns espaços rs , acabam me deixando irritada :)

    Beijos,
    modicesdemenina.blogspot.com

    ResponderExcluir
  26. Super útil e bem explicado ^^
    Vou usar, pode ter certeza.

    Att, Line
    putmerd.blogspot.com

    ResponderExcluir
  27. tutorial super útil
    extremetutorialsandtips.blogspot.com

    ResponderExcluir

-Comente algo legal sobre o que achou do post
-Não xingue,seja amigável
-Afiliação só por comentário
-Sem plágios!
- Seguindo,segue de volta? Nem visito e nem sigo o blog