Icon Icon

Nome Do Autor Do Post Abaixo Do Titulo

Por padrão, no Blogger, sempre que um post é publicado a assinatura do autor da postagem aparece no rodapé do post. (Postado por:...)
Se você quiser que a assinatura do autor da postagem e apareça abaixo do titulo do post e não no rodapé, basta fazer algumas modificações no código do seu template.





1. Modificar o HTML do template


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. Aplicar estilos CSS para assinatura do autor:


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 
]]></b:skin> :

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

0 comentários:

Postar um comentário