Renan

Como Colocar o Nome do Autor Em Baixo do titulo

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*/ }


COPIAR MANTENHA FONTE DS >> DESIGNER STORM

0 comentários:

Postar um comentário