Veja como Ganhar: Tutorial: Separador abaixo do titulo dos Post facil

O separador abaixo do titulo do blog, também chamado de linha de separação é um ótima dica para aqueles que usam templates que ainda não tenha esta configuração.

Colocar uma linha tracejada abaixo do titulo do blog ou inserir divisória no titulo do blog é algo simples siga os passos abaixo:

Exemplo de linha para dividir o titulo das postagens:



Neste outro post você pode ver como colocar um traslator no seu blog.

Entre nas configurações do seu blog e vá para opção Editar Html >>Expandir modelo de Widget e faça o Beckup do seu template.

Agora procure este código:

<div class='post-header'>

E logo acima dele cole:

<div style="border-top: 1px dashed #1919dd"></div>

O código deve ficar assim:

<div style="border-top: 1px dashed #1919dd"></div>

<div class='post-header'>

Para entender melhor como personalizar a linha de separação do blog

(1px) - define a espessura da linha

(dashed) - é onde você configura o style da linha se ela vai ser tracejada ou não

(#1919dd) – aqui você define a cor a linha

Para editar o tipo de linha que vai usar segue os dados:

Style

none:    para ocultar a borda

solid:    colocar uma borda contínua

double: inserindo uma borda dupla

groove: colocando uma borda aparecera entalhada

ridge:    a  borda aparece em ressalto

dotted:  este é para borda pontilhada

dashed: é para borda tracejada

inset:     colocar borda em baixo relevo

outset:   inserir borda em alto relevo

Coloque qualquer destes valores acima bem no lugar que esta em azul no código para mudar o style da linha:

<div style="border-top: 1px dashed #1919dd"></div>

<div class='post-header'>

Procure na internet por (tabela de cores hexadecimal) que vai encontrar diversas tabelas e cores para seu blog.

Para personalizar a cor escolha a cor que ficar melhor para seu blog e copie o código e insira no lugar que esta na cor azul

<div style="border-top: 1px dashed #1919dd"></div>

<div class='post-header'>

Pronto agora é só salvar e vizualizar..