sábado, 14 de junho de 2014

Tutorial: Como personalizar o título do post

Elsa Billgren

Este post merece a foto acima, pois vai deixar o seu blog bem mais elegante. Editar o título da postagem é uma das coisas mais importantes de se editar um layout, pois é uma das coisas que mais chamam atenção ao se entrar em um blog, então vem comigo aprender :)


1. Título centralizado:

Primeiro, vá em Design > Editar HTML > Ctrl+F > e procure por: h3.post-title { e abaixo dele coloque:
text-align: center;
2. Fundo colorido:

Procure por h3.post-title { e coloque ABAIXO dele:
background: #CÓDIGODACOR;
3. Fundo com imagem:

Novamente procure por: h3.post-title { e coloque abaixo dele:
background-image: url ('LINKDASUAIMAGEM'); width:500px height:35px
4. Divisória abaixo do título:

Pesquise por:
<div class='post-header'>
Coloque acima dele o seguinte código:
<div style="border-top: 1px dashed #CÓDIGODACOR;"></div>
5. Não se esqueça:

solid: ____
dashed: - - - - -
dotted: . . . . . .  
créditos: Birthday Caked (b-cake.com)

Nenhum comentário:

Postar um comentário