Fala aí gente, aqui é o Anon e hoje novamente venho trazer um tutorial que já tem no site, mas tentando explicar de forma mais esclarecedora. Enfim, vamos la.
Clique na "caixinha" "expandir modelos de widgets" e busque por:
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
Provavelmente você encontrou dois trechos como esse, mas iremos trabalhar apenas com o segundo. Após encontrado, o código deve estar assim:
As partes em vermelho têm de ser apagadas. Pronto, agora iremos colocar o código referente a data abaixo do título, portanto busque por:
<div class='post-header-line-1'/>
Novamente encontrou 2 trechos como esse, mas dessa vez iremos trabalhar com o primeiro. Abaixo dessa linha você deve inserir o seguinte código:
Pronto, agora nos resta apenas definir o estilo da dada. Busque por:
h2.date-header {
O código deve estar parecido com isso:
A parte em vermelho será substituída, deixando o código assim:
É isso aí pessoal, qualquer dúvida, comente por favor.
Clique na "caixinha" "expandir modelos de widgets" e busque por:
Provavelmente você encontrou dois trechos como esse, mas iremos trabalhar apenas com o segundo. Após encontrado, o código deve estar assim:
[...]
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
[...]
As partes em vermelho têm de ser apagadas. Pronto, agora iremos colocar o código referente a data abaixo do título, portanto busque por:
Novamente encontrou 2 trechos como esse, mas dessa vez iremos trabalhar com o primeiro. Abaixo dessa linha você deve inserir o seguinte código:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
Pronto, agora nos resta apenas definir o estilo da dada. Busque por:
O código deve estar parecido com isso:
h2.date-header {
margin:1.5em 0 .5em;
}
A parte em vermelho será substituída, deixando o código assim:
h2.date-header {
font-family:XXXX;
font-size:XXpx;
color:#XXXXX !important;
margin-top:XXpx;
margin-left:XXpx;
}
NOTAS:
font-family:XXXXX; -----------Fonte usada (Arial, Calibri, Impact, etc)
font-size:XXpx; ----------------Tamanho da fonte.
color:#XXXXXX !important;--Cor da fonte.
margin-top:XXpx;---------------Define se a data irá subir (com números negativos) ou descer (com números positivos.
margin-left:XXpx;---------------Define a distância que a data ficará com relação ao canto esquerdo.
É isso aí pessoal, qualquer dúvida, comente por favor.
0 Deixe um Comentário:
Postar um comentário