Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Colocar o nome do autor abaixo 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*/ }
    Se quiser colocar a data do post na linha abaixo do titulo, recomendo a leitura do post: Data nos Posts

    0 Deixe um Comentário:

    Postar um comentário