Separador abaixo do titulo dos Post

Hayoo pessoal! Estou tão feliz por ter atingido a meta de 250 seguidores e pouco no momento eu sei, mas para muito e muito mesmo! Então arigatou de verdade a todos que seguiram! *-* Agora indo ao tutorial do dia, irei ensinar como colocar um separador abaixo do título do blog, que também é chamado de linha de separação, sei que muitos já conhecem mas para quem não usa ainda poderá ajudar. Para conseguir colocar essas linhas já sabe onde clicar rsrs

Bom vamos ao tutu então e super fácil tentarei explicar resumida mente!

1. Vá em seu HTML e clique na caixinha Expandir modelo de Widget, usando o atalho Ctrl+F procure por:

<div class='post-header'>

2. E acima dele você coloca:

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

◤Entendendo o código◥

• (1px) -Espessura da linha

• (dashed) - E o estilo de linha, você pode trocar por qual desejar que mostrarei mais a baixo

• (#717171) – A cor a linha

◤Estilos de Bordas (Style)◥

• none:borda oculta

• solid: borda contínua (reta)

• double:  borda dupla 

• groove: borda  entalhada

• dotted:  borda pontilhada 

• ridge: borda  em ressalto 

• dashed: borda tracejada

• outset: borda em alto relevo

• inset: borda em baixo relevo 

• Você pode pegar qualquer um dos estilos que lhe agrade e colocar onde esta em vermelho:

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

Bom é isso o tutu de hoje, espero que tenham gostado deixem um comentário dizendo o que acharam se deu certo ou não, beijokas e ate o próximo tutorial.