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.

Veja como Ganhar-separador a baixo do titulo do 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..

6 comentários:

Seguidores

Siga o Blog nas Redes Sociais

Translator [ Tradutor ]

Colocar no meu Blog!