Imagem diferente na postagem para cada autor do Blogger

Se você tem um blog e aprendeu AQUI a deixa-lo coletivo (mais de um comentarista) coloque então  um código para identificar através de um avatar (imagem de foto)  para cada um dos autores. Isso é bom para que não dê confusão entre os visitantes de seu blog.Veja o exemplo AQUI.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML de seu blog e clique em "Expandir modelos de widget"


Agora procure pelo código:


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

E abaixo dele cole o seguinte código fazendo as modificações nos locais conforme se pede.
 

 <div class='post-footer'>
<div class='autor-post'>
<span class='autor-post'>
<b:if cond='data:post.author == &quot;NOME DO BLOGUEIRO 1&quot;'>
<span class='author'><img src='ENDEREÇO DA IMAGEM DO PERFIL 1'/>Postado por<b> </b><a href='ENDEREÇO DO PERFIL 1'>
<b>NOME DO BLOGUEIRO 1</b>
<div class='red tit-arial' style='font-size: 11px; '>DISCRIÇÃO DO BLOGUEIRO 1</div>
</a>
</span>
</b:if>
<b:if cond='data:post.author == &quot;NOME DO BLOGUEIRO 2&quot;'>
<span class='author'><img src='ENDEREÇO DA IMAGEM DO PERFIL 2'/>Postado por<b> </b><a href='ENDEREÇO DO PERFIL 2'>
<b>NOME DO BLOGUEIRO 2</b>
<div class='red tit-arial' style='font-size: 11px; '>DISCRIÇÃO DO BLOGUEIRO 2</div>
</a>
</span>
</b:if>
</span>
</div></div>

Atenção que os nomes devem estar escritos EXATAMENTE igual estiver escrito nas postagens, e as imagens deixe que cada um escolha a sua.

PRESTE ATENÇÃO PARA NÃO APAGAR NADA ALEM DO QUE DEVE, UMA ASPA APAGADA UM PONTO PODERÁ DAR ERRO.

Agora procure por: ]]</b:skin>


e acima dele cole o próximo código:

.autor-post {
width: 97%;
height: 85px;
background: #437818;  /*aqui a cor de fundo*/
margin: 1px 0 3px 0;
padding: 4px;
}
.author img{
width: 60px;
height: 70px;
float: left;
padding: 5px 5px 5px 15px;
margin: 1px 4px 1px 1px;
}

Endereço do perfil é o edndereço da barra de navegação do perfil seu e de seu convidado.

Para a imagem do avatar eu recomendo que vc clique na foto do perfil do seu convidado, ao abrir, clique sobre a foto com o botão esquerdo do mouse, clique então em "Copiar endereço da imagem", ou "Copiar URL da imagem" ou em "Propriedades"