quarta-feira, 18 de abril de 2012

Colocar a data da postagem no rodapé do post



Oi Little Monster's, estamos postando mais tutoriais, confira abaixo completo e divirta-se, se tiver dúvidas, comente, se quiser algum tutorial, também comente, que iremos fazer um especialmente para vocês. Let's Go:


Vá em Design > Editar HTML > marque a caixa "Expandir modelos de widgets", e procure por este código:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

Para não se confudir, procure apenas por "<b:if cond='data:post.dateHeader'>", pois encontra mais rápido:

 
Quando achar ele, abra um bloco de notas, aperte CTRL+C(no código todo), e depois cole (CTRL+V) no bloco, depois apague todinho do template , porém, não salve, pois pode acontecer algo de arrado.

Agora procure pelo:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
 
 
Assim que achar ele, cole aquele código que você colou no bloco de notas EMBAIXO dele

Agora, você procura por essa linha:

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
 
E substitua por:
 
<span class='date-header'><data:post.dateHeader/></span>
 
agora procure h2.date-header { 
 
substitua ele por
 
.date-header {
color: #FFFFF /*coloque a cor de sua preferência*/
margin: #FFFFF /*defina um espaçamento se quiser*/
padding:#FFFFF /*defina um espaçamento se quiser*/
font-size: #FFFFF /*coloque o tamanho da fonte de sua preferência*/
}
 
 
Colocando suas cores de preferência.

Nenhum comentário:

Postar um comentário