System Avatar Pt. 2 - Author Image

Yõ pessoal! Dando continuidade a aula de como criar um System Avatar. Irei ensinar como colocar a imagem do author na title post, que ensinei na aula anterior.

Seguindo o mesmo processo; Abra o Blogger > Design > HTML > Expandir Modelo de Widget.

Agora você irá procurar por:

<a expr:name='data:post.id'/>

Depois do código acima você ira colocar o seguinte código:
<b:if cond='data:post.author == "NOME DO AUTHOR"'><img alt='' height='84' src='IMAGEM DO SEU AVATAR' style='float:right; margin-top:25px; margin-right:6px;' width='165'/></b:if>


Obs1: Onde está escrito "NOME DO AUTHOR", você irá colocar o nome da pessoa como está escrito no blogger. Para ver os tais nomes, vá em Configurações > Permissões. Ficando assim; Ex: "Jonny". Com Aspas.

Obs2: Como no post anterior... usem os margins para mover a imagem. Height e Width devem ficar de acordo com o tamanho da imagem.