Nome do autor abaixo do titulo

Yo, trago um tutorial bem bacana pra quem está começando agora a criar templates, e quer dar uma melhorada do blog ... enfim vamos ao tutorial de como colocar o nome do autor abaixo do titulo, espero que ajude. ^^

Vá em design >> Editar HTML >> Expandir modelos de widgets, e procure por:

<span class='post-author vcard'>

      <b:if cond='data:top.showAuthor'>

        <data:top.authorLabel/>

        <span class='fn'><data:post.author/></span>

      </b:if>

    </span>

Quando encontrar você deve:

1) Copiá-lo

2) Salvá-lo em um bloco de notas

3) Apagar ele do seu template.

Depois disso procure por:

<div class='post-header-line-1'/>

E cole logo abaixo desta linha o código que você copiou antes e passou para no bloco de notas, e salve as modificações, devendo ficar parecido com esse:

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

Agora vamos aplicar os estilo CSS, ou seja aumentar, trocar a cor e posicionar o nome do autor.
Volte na edição HTML, e acrescente a linha abaixo, incluindo os estilo de acordo com seu gosto, logo ACIMA da tag ]]></b:skin> 

.post-author

{   

float:left;  

 margin:0px 0px 0px 0px;   

font-family:calibri, arial;   

font-size:xxpx;

} 

.post-author- a 

{

 color:#xxxx;  t

ext-decoration:none;

}  

.post-author- a:hover 

{  text-decoration:underline; 

}

Bem essa parte de código logo acima deve esta complicado pra você, então vou dar uma pequena ajuda.

color:#XXXXXX >>> É a cor do nome do autor, isso varia de acordo com o seu gosto. Veja a tabela de cores.

font-size: XXpx >>> é o tamanho da letra. 

margin: 0px 0px 0px 0px >>> Essa parte serve para posicionar o nome, pra direita,esquerda e top, se você quer descer ou inverter o lado, você deve colocar o sinal de menos antes do numero.