- 1ª Etapa: Modificar o HTML
Vá em design >> Editar HTML >> Expandir modelos de widgets, e procure por este código:
<span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span>
Encontrado código você deverá:
1) Copiá-lo
2) Salvá-lo em um bloco de notas
3) Apagar ele do seu template.
Agora procure por:
<div class='post-header-line-1'/>
E cole logo ABAIXO desta linha o código que você copiou no bloco de notas, e salve as modificações, devendo ficar assim:
<div class='post-header-line-1'/> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span>
- 2ª Etapa: Aplicar CSS
Agora você pode estabelecer os estilos para cores e fontes na assinatura do autor da postagem, no CSS do seu template.
Volte na edição HTML, e acrescente a linha de código a seguir, incluindo os estilo de acordo com seu gosto, logo ACIMA da tag ]]> :
.post-author { color:#XXXXXX; /* cor da fonte */ font-size: XXpx; /* tamanho da fonte */ font-weight: normal; }
Todos os estilos que você incluir neste trecho serão aplicados apenas assinatura do autor da postagem.
Se preferir você também pode adicionar estilos para que sejam aplicados a toda linha abaixo do titulo do post, basta acrescentar o seguinte trecho:
.post-header-line-1{ color: /*coloque a cor de sua preferência*/ margin: /*defina um espaçamento se quiser*/ padding: /*defina um espaçamento se quiser*/ font-size: /*coloque o tamanho da fonte de sua preferência*/ }
Nenhum comentário:
Postar um comentário