Assinatura automática para cada autor do Blog!

Hoje ensinarei um tutorial bem simples, mas muito útil para quem costuma utilizar assinaturas personalizadas em seu blog/site. Vou ensinar como colocar imagem para cada autor da postagem, utilizando assinaturas diferentes e automáticas no blogger. Let's Go!

➲ Antes de fazer qualquer alteração em seu template não se esqueça de fazer um backup, pois se der algo errado, poderá ser recuperado com facilidade. Modelo » Fazer backup/Restaurar » Fazer download do modelo completo

➲ Para copiar os códigos, selecione e solte em seu HTML.

1. Abra o painel administrativo do blogger ▸ aba Modelo ▸ Editar HTML. Com a caixa de código aberta, procure por <data:post.body/> (Aperte Ctrl+F). Se encontrar mais de uma aparição desse trecho precisará testar, em cada separadamente. Quando encontrar abaixo dele cole este seguinte código:

<div align='right'>
<b:if cond='data:post.author == &quot;NOME DO AUTOR 1&quot;'><img src='ENDEREÇO DA ASSINATURA DO AUTOR 1' style='border:0px;'/></b:if>
<b:if cond='data:post.author == &quot;NOME DO AUTOR 2&quot;'><img src='ENDEREÇO DA ASSINATURA DO AUTOR 2' style='border:0px;'/></b:if>
</div>

COMPREENDENDO O CÓDIGO: As partes na cor Vermelho, trata-seda posição da imagem [Center: centro, Left: esquerda ou Right: direita]; Nas cores Laranja, deve ser colocado o nome do autor, OU SEJA EXATAMENTE O NOME DO PERFIL. ex: meu nome esta João Vitor no meu perfil, só assim funcionará; Na cor Amarela deve ser colocada a Url da imagem.

Se houver mais de 2 autores basta repetir o código abaixo, antes do fechamento da </div>

<b:if cond='data:post.author == &quot;NOME DO AUTOR 3&quot;'><img src='ENDEREÇO DA ASSINATURA DO AUTOR 3'  style='border:0px;'/></b:if>

Depois que todas as alterações forem feitas click em Salvar Alterações. Os créditos deste tutorial vai para o site Elaine Gaspareto.