22/05/2011

Como colocar barrinha divisória entre posts


5269 ! 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:



 



Casinha das Gifs

Casinha das Gifs

Casinha das Gifs

Casinha das Gifs

Casinha das Gifs


Casinha das Gifs


Casinha das Gifs


Casinha das Gifs


Casinha das Gifs


Casinha das Gifs

Casinha das Gifs

Casinha das Gifs

Casinha das Gifs

Casinha das Gifs

Casinha das Gifs


Casinha das Gifs

Casinha das Gifs

Casinha das Gifs



bearflower.gif bear flower picture by calladelily

divider-4.gif picture by calladelily

divider2.gif picture by calladelily





 

 


















Créditos: X X X



bye bye

Um comentário :