Ajude o blog a continuar sem anúncios com uma contribuição.

14 de maio de 2010

Separação entre as postagens do blog



A separação no fim de cada postagem é muito útil, pois as vezes o leitor se confunde com o fim e o começo de uma nova postagem, esse tutorial permite a você criar uma linha no fim de cada postagem para separar umas das outras.

Para  isso não é muito complicado basta modificar o código que iremos fornecer para fazer a separação do jeito que achar melhor.

Vá em seu blog Layout> editar HTML.

Primeiro procure por  :

"/* Posts
----------------------------------------------- */
"

Isso se refere a tudo que a em HTML de suas postagens, bom vá até o fim onde termina toda a edição HTML das postagens no meu caso ".post blockquote p { margin: .75em 0; }" e o começo da edição dos comentários:
 
"/*Comments--------------------------------------- */"


Copie e cole o seguinte código entre os dois:
.post{padding-bottom:5px; border-bottom: 2px dashed #FF0000; margin-bottom:30px}


Ficando como a imagem abaixo :



Fácil, agora é só fazer as modificações do jeito que você quiser, veja para que cada coisa serve:

padding-bottom:5px : Margem entre a linha tracejada (borda) e o final da postagem ou comentários.

border-bottom: 2px dashed #990000: Estilo, cor e espessura da borda.

margin-bottom:30px : Margem depois da borda, esse é o espaço que ficará vazio entre uma postagem e outra.



1 comentários:

Jeise Medeiros comentou :

Finalmente um post que resolveu o meu problema. Muito Obrigada.