Adicione um avatar ao lado dos títulos dos posts

Questionaram-me sobre como adicionar um avatar (uma imagem) ao lado dos títulos de posts, assim como em André Felipe.net. Neste guia, mostro como é simples.

• Edite a imagem que deseja utilizar. Deixe-a nas proporções adequadas e a hospede, por exemplo, no Imgur;
• Abra o painel do Blogger e clique em Layout — HTML;
• Marque a opção Expandir modelos de widgets;
• Procure a linha <b:if cond='data:post.title'>;
• Acima dela, digite, após substituir as partes em negrito pelos valores correspondentes a sua figura: <img src="endereço da imagem" width="largura" height="altura" alt="Avatar" style="float:left;margin:0 5px 5px 0" />

Salve o código e abra qualquer texto seu. Verá sua representação gráfica em todo o esplendor.

Imagens diferentes para cada autor

Se você tiver um blog com mais autores, poderá adicionar um avatar diferente para um. Assim, os leitores identificarão rapidamente quem escreveu cada post. Basta adicionar um código extra por volta da imagem, como neste exemplo, que mostra uma figura específica para as publicações de João":

<b:if cond='data:post.author == "João"'><img src='http://www.example.net/joao.gif' height='50' width='60' alt='Avatar'/></b:if>