Bom não é nada dificil, são apenas duas etapas e é simples de fazer.
1ª Etapa:
Adicionar o CSS que dará características para a área de descrição.
Abra seu blog e vá na aba "DESIGN" -> "EDIÇÃO HTML" no seu template, não precisa clicar em "expandir modelos de widgets" e procure pela tag:
]]></b:skin>e cole o seguinte código logo ACIMA dela:
.author_info {2ª Etapa:
float: right;
width: 520px;
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}
Este código dará as devidas características para a região, e é totalmente customizável, abaixo terá o código onde voce escreverá a descrição em si do autor.
Volte na aba "DESIGN" -> "EDIÇÃO HTML" do seu template, clique em "expandir modelos de widgets" e procure pela tag :
<div class='post-footer'>
E coloque logo abaixo dela o seguinte código:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "NOME DO AUTOR AQUI"'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' height='80' src='Link de sua imagem aqui' width='70'/></div>
<h3>Sobre o autor:</h3>Este artigo foi construido por: <a href='/'><b>NOME DO AUTOR AQUI</b></a> - Descrição do autor aqui <br> </br> <br> </br>
NOME DO AUTOR AQUI's <a href='seulink.com'>Website</a><br style='clear:both;'/>
</div>
</b:if>
</b:if>
Esta descrição é apenas uma dica, altere os campos em vermelho pelo nome do autor, link da imagem de perfil do autor, uma descrição dele.
Obs.: Use este código para cada autor no seu blog, colando-o pela quantidade de vezes referentes a quantidade de autores que seu blog possui, mas não esqueça que você deve editar o nome do autor, imagem e texto, para que cada autor tenha sua biografia no final dos artigos que ele publicar.
Coloque aqui o seu email