• » Introdução PHP
  • » Box em Video
  • » Adicionando PHP á HTML
  • » Postagem com PHP
  • » Progamas Atualizados!
  • » Concurso de Layout!





  • - 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