Como colocar barrinha divisória entre posts

 bubblemers! Faz um tempinho que eu não posto um tutorial e eu estava sentindo falta disso.... Então vamos ao tutorial:

Não é de hoje que a maioria dos blogs já aderiram essa dica super útil de colocar uma divisória ou barrinha entre os posts e deixar as postagens mais organizadas.  Mas antes de tudo, baixe o modelo do seu blog, isso pode evitar prejuízos no futuro!




1. Após fazer login em seu blog, vá para a aba Designer e em seguida para Editar HTML. 

2. Clique em Expandir Modelo de Widget. Pressione Ctrl + F em seu teclado e pesquise por: .post-footer {

3. Localize no HTML a tag:

.post-footer {

  margin: .5em 0;

  line-height: 1.6;

} 

4. Agora, ABAIXO dessa mesma tag, coloque o seguinte código: 

.post { 

background: url(URL DA IMAGEM) center bottom no-repeat; padding-bottom: 10px; 

}

Aqui tem algumas barrinhas divisórias:

 

 

 

Créditos: X X X

bye bye