10 de jul de 2012

Colocando espaço entre os posts

Tumblr_m6x1k9lkzt1qeeqaho1_500_large

Eu estava um pouco irritada com todas as minhas postagens juntas. Não dava nem pra saber qual era o começo e o fim de um post. Resolvi mexer no meu HTML pra ver se arrumava isso e consegui! E aqui estou pra ensinar pra vocês. Detalhe: esse tutorial NÃO separa as postagens (como ficam os gadgets). Apenas dá um espaço entre uma e outra. Tutorial então?


Primeiro, vamos lá no HTML e procurar por: #blog-pager { Que vai estar mais ou menos, assim:
#blog-pager {
  font-size: 140%;
}
Acima dessa parte, vamos colar o seguinte código...

.post {
margin-bottom: 30px;
}
Ficando tudo, exatamente desse jeito:

.post {
margin-bottom: 30px;
}
#blog-pager {
  font-size: 140%;
}
Prontinho, acabou o tutorial. Super fácil, né? Agora, se quiser deixar maior ou menor o espaço, é só aumentar ou diminuir o valor do 30px. Exemplo: 50px para um espaço maior e 10px para um espaço menor. Teste vários números pra ver qual fica o tamanho certo. Aqui no blog, é o 30px mesmo.
Ah, mais uma coisinha: obrigada a todas as pessoas que sempre ajudam e apoiam o OTF. Olha só, estamos com mil seguidores! Eu amo vocês, tá? ♥ Beijos... Danielle Ribeiro Fiori.

56 comentários:

Sweet MakeUp disse...

Super fácil, vou testar com certeza! *-*

Beijão, Paula
sweetmakeups2.blogspot.com

Ana Karoline Barbosa disse...

*O* eu necessitava desse tutorial \o/

http://morangosdespedacados.blogspot.com.br/

Plum disse...

Omg, eu estava justamente atrás desse tutorial!! Valeu mesmo flor, já favoritei, vou fazer assim que der♥
www.viverserfeliz-renata.blogspot.com

Manu Sampaio disse...

Super fácil e útil o tutorial! Curti muito ;D

Beijos, Garota de All Star

Luly disse...

Tutorial ótimo! Também acho que fiz mais caprichado quando tem um espacinho entre as postagens. Dani, primeiro, parabéns pelos 1000 seguidores! O OTF merece mesmo tudo isso. Outra, eu postei na sexta feira como o combinado e consegui responder todos os comentários. Espero que você esteja gostado de eu poder ajudar por aqui. Um beijo.
the-zombie-attack.blogspot.com

Camila disse...

Bem legal o tutorial!
Já vou usar lá no blog!

Mundorosaachock.tk
Beijos

Babs disse...

Mt bom o tuto! E parabéns pelos 1000 seguidores ^^ Bjs, Stardolleiras

Maria Clara . disse...

Otimo post,vc explica beem *-*
Ameei o On The Fame ele é liindo e organizadiinho,muito diivo^^
Dani,meu blog tem 1 mês e se puder eu ia adora se vc fosse lá:
http://blog-sweetthings.blogspot.com

Ingrid Sakamoto dos Santos disse...

Adorei o tutorial minha querida Dani! Eu acho que uso esse tutorial! Parabéns pelos 1000 seguidores amiga, você merece!

www.ingridsakamotodossantos.tk
Obrigada pela sua visita, ela é muito importante pra mim viu? Volte sempre amore♥ Se puder na próxima vez que você for visitar o blog, você pode clicar no banner da Cappuccine Store? É só você clicar e sair! É Menos de 1 minuto! Fico grata se fazer isso!

Jessie disse...

Oi flor, adorei o tutorial, bem útil, realmente se as postagens ficam grudadas fica ruim de ler

www.i--love--y.blogspot.com

XOXO, Beijinhoos

Ana Clara. ʚ disse...

Adorei o tutorial! Super útil, amei.

Beijos :*
http://porckybunny.blogspot.com.br/

Camilla Demézio disse...

Amei o tutorial, deixa o blog bem mais organizado *--*
http://themudancas.tk/

Mollie disse...

Adorei o tutorial e com certeza usarei no meu próximo layout. Você tem razão, as vezes eu fico confusa, pois não sei qual é o começo e o fim de um post. :) Também não vejo a hora de usar o cabeçalho!!

http://chassy-bomb.blogspot.com.br/

Jhonas Balsas disse...

Muito bom o tutorial, e super simples por sinal..
www.ejhonas.com

JuliA disse...

AAh, estava procurando por esse tuto. Fica tudo mais organizado ^^
http://plushrepublic.blogspot.com.br/

JuliA disse...

Ah, e agora vi que chegasse aos 1.000 seguidores! Parabéens dani, seu blog só tem a evoluir e sendo mais adorados por nós :D Me lembro de quando eu nem tinha entrado na blogosfera mais visita o OTF, estava bem no comecinho *--*
http://plushrepublic.blogspot.com.br/

Jessyka Lange disse...

passando pra conhecer o blog.
de cara já adorei a dica.
bjuhs
http://quecorusar.blogspot.com.br

Vida de Garota disse...

Adorei o tutorial, achei bem util. =) Fico feliz que tenha gostado do meu blog, ah aqui está o link de onde peguei o tutorial, onde eu aprendi a colocar a barra. "http://www.candylland.net/"

Beijos; @Raah_Castroo
www.vidaadegarotaa-vdg@hotmail.com

Fernanda Carolina B. disse...

adorei *-*

http://day-ddream.blogspot.com.br

Rafaela Thomé disse...

Adorei o tudo, vou testar aqui. Dani parabéns pelos 1.000 seguidores! Que venham mais zilhões kkkk

Concurso valendo divulgação participe!
http://rosaschiclete.blogspot.com.br/2012/07/divulgacao-super-herois-existem.html

Bikoti disse...

aqui ta um show dani, aliais seu blog e um show!
www.Bikoti.blogspot.com.br

Absolute Dream disse...

SUPER TUTO COM CERTEZA ((:

mas olha minha linda, eu queria mesmo... era te pedir um favor .. será que você pudia pegar um tempinho e analisar os prêmios do concurso que tá rolando lá no AD ? http://mini-fofoquinhas.blogspot.com.br/2012/07/concurso-com-o-conversando-com-lua.html é rapidinho... PA-PUM, hehehe ^^' , brigadão desde já !!

Luka ♥ disse...

A Dani tme 1000 seguidores *O*
Parabéns, parabéns /õ/
Você merece, sue blog é muito divo *U*

O tutorial é muito bom, pois postagens muito juntinhas fica uma gororoba (essa palavra existe? o-o').

Kisses <3
http://paradise--days.blogspot.com.br/

A.Carollyne {World Cutest} disse...

Estou passando a achar necessário postagens separadas haha. Fica mais organizado. Adorei esse estilo que você passou, fica uma graça *-*

Ah, e muito obrigada por passar o código Dani. Tu é uma fofa <3

http://world-cutest.blogspot.com.br/

A.Carollyne {World Cutest} disse...

Ah, e esqueci de te parabenizar pelos 1000 seguidores! Fico feliz por você, de coração <3

Alex Monteiro disse...

É super útil esse tutorial né Dani, deixa o Blog mais organizado!
Bejão pra ti!
http://blog-part-of-me.blogspot.com.br/

Candyces | Jéssica e Juliana disse...

Mega fácil! Pode me ajudar? Como vc fez suas páginas?? Ninguém ensina e espero que vc me ajude hihi!!! Se aceitar fazer esse tutorial para mim: guimaraesjessica98@hotmail.com bejinhus

Anônimo disse...

Olá! Como voce colocou essas páginas no blog. Pode fazer um tutorial ensinando!?

Giovana disse...

Adorei o tutorial bem pratico
teen-girl-fashion.blogspot.com

Debee disse...

Nuss, já tinha procurado esse tutorial a muito tempo e nada de achar. O irônico é achar 8349273 anos depois :(
~flor, como faz esse menu no cabeçalho? beijo!~

Just Debee

Fer disse...

muito útil esse tutorial *-*
besitos ;*

lembrancas-avulsas.blogspot.com

Lary Yah disse...

Oooh, que tutoriaal legaal *O*, arrasou como sempre Dani <3

Beeeeijos
#Nhaaac >>>http://the-lovers-official.blogspot.com/

Beatriz Andrade . disse...

Também odeio quando as postagens ficam juntas demais. ótimo tutorial ;)

Beijos,
http://paraisodemenina.blogspot.com/

Isabela Godoy disse...

Ótimo tutorial, o meu modelo é pronto, por isso nem mexo muito rs

Beijo ♥♥
http://www.deliriosdegarota.com/

It Teen Blog disse...

Adorei o tutorial. É meio confuso quando não tem espaço entre os posts.
http://i-teenbr.net.tc

Por trás do rímel disse...

Nossa adorei, vou colocar no meu

O ptr está no seu 1° sorteio de um lindo colar, vamos participar?
http://portrasdorimel.blogspot.com.br/2012/07/sorteio-colar-asas-de-anjo.html

Paloma Morais disse...

Que tutorial ótimo :3 Nunca pensei que dava pra fazer isso, vou tentar.
Amigaaa, 1000 seguidores! Parabéns, tenho certeza que isso vai multiplicar rapidinho, hihi. Ah, daqui uns dias, sou eu que vou ter mil seguidores também, rs.
Beijos, http://momamoraes.blogspot.com

Camila Pereira disse...

Oh, mil seguidores não é pra qualquer um hein. Parabéns as duas. Tutorial super fácil mesmo.
Beijo!
garotaretro.blogspot.com

Gabriela Karolina disse...

Adoro esse efeito apliquei em meu blog e fico ótimo. a e quero ti dizer que adoro o seu blog todo dia to aqui continue assim !
Materiais Photoscape e Photofiltre
----------------------------------------------------------------------------------------------------
A Minha Diva Visista meu mais Novo Blog !?
Candy Girl || OFFICIAL

Carol disse...

Gostei bastante do tutorial bem útil,obrigada pelo comentário lá no blog :) beijos

ilovemecarol.blogspot.com/

Nicole ♪ disse...

Superr facil, o tutorial esta muito bem explicdo, parabéns!

imastoryne.blogspot.com

Giulia disse...

Hoooy, flor, tudo bem?? Amei o blog, as dicas são super úteis! Gostaria de fazer afiliação com o meu blog? http://modinhagirl.blogspot.com.br BeijoOosSs :*

Nadine Guerra disse...

Que legal, eu amei! Muito fácil esse tuto hihihih

Beijos,

http://www.depoisquecrescemos.com/

Larissa Pontes disse...

Amei o tuto, ajudou muuuuuito Dani! Quando você vai fazer o próximo layout free linda? Haha, sem querer te pressionar mas os seus layouts são os melhores! E 1000 followers, parabéeeens, você merece muito! Beijos ♥
http://londonhit.blogspot.com

Ludmila disse...

Adorei o blog, muito fofo e organizado, parabéns. Bjs :)

http://borboletasnagaveta.blogspot.com.br/

Gabriela Oliveira disse...

Esse tutorial é muito útil , deixam as postagens muito mais organizadas, além de não ficar tudo tão ''grudado''.

http://modicesdemenina.blogspot.com.br

Things to You! disse...

Muito simples, uma coisa que parecer um bicho de sete cabeças acaba sendo isso ;s. parabéns dani pelos 1000 seguidores, você merecer mesmo.
http://www.thingstoyou.com/

! Lili ! disse...

Adorei o tutorial, fácil mesmo.
http://blogmuitofofodaaline.blogspot.com.br/

Newsdayoff disse...

Nossa, muito fácil mesmo né? Amei, vou usar no próximo lay rsrs


http://newsdayoff.blogspot.com.br/

Eduardo Felipe disse...

Súper fácil, salvei nos meus arquivos.
Demorei muito a comentar, mais estou aqui, e além do comentário queria te fazer um convite para mais uma visita no blog, espero você lá, tem post quentinho em comemoração a uma data bem legal, que saber qual é? Então confira!
http://construtordepensamentos.blogspot.com.br

Julia Reis //Dreams of imagine disse...

Amei o tuto,eu achei super facil,e o blog fica orgazinado,usando pro proximo lay! <3(amo demais esse blog)
Beeijos :*

Dreams-of-imagine.blogspot.com

Soraya A. disse...

Oi ! Dani Poderia me ajudar a criar um Layout como o do On The fame ??
é que os meus não são nada ótimos . Sabe ?
My Links :
http://smileretro.blogspot.com.br/
Facebook :
http://www.facebook.com/soraya.almeida.336
Ou E-mail :
smileretroblog@hotmail.com
Bezos . é obrigada

Anônimo disse...

Oiii.. vim aqui para deixar um beijo e
dizer que o seu blog é muito bonito..
Gostei muito do post acima.
Parabéns!
.
Uma ótima semana e tudo de bom.

http://juliana-editions.webnode.com

Bruno Almeida disse...

Noossa que fácil *--* próximo layout vou usar ;) já salvei a página. Aceita afiliação? http://republicacrash.blogspot.com.br

Camy ' Thay' Cá disse...

Que legal! ótimo tutorial!

Beijos

http://alwaysbeautif.blogspot.com.br

Lincon disse...

Olha, deu certo, deu um espaço entre as postagens, mais eu gostaria de saber se tem como separar as postagens como os gadgets, desde já agradeço.