Assinatura automática em blogs com mais de um autor

Não é de hoje que me pedem esse tutorial. Faltava tempo pra montar, mas como recentemente coloquei esse recurso num dos blogs aos quais presto assessoria como personal-blogueira resolvi aproveitar e montar esta postagem.

Já ensinei aqui no blog como colocar uma assinatura personalizada, automática em todas as postagens do blog.
Clique para relembrar:
Como criar uma assinatura personalizada para blog
Mas e quando há mais de 1 autor no mesmo blog? Como fazer? É disso que vamos falar neste artigo.

Como colocar assinatura automática em blogs com mais de um autor

Para começar você precisa ter suas assinaturas prontas.
Elas podes ser simples, apenas o nome de cada autor ou pode ser mais enfeitadinha, com a foto de cada autor do blog  ou alguma ilustração bonita, você escolhe.

Uma assinatura mais elaborada você faz em qualquer editor de imagens.
Vou te mostrar neste vídeo abaixo como fazer uma assinatura bem bonita usando um editor de imagens online. Assim você não precisa baixar nada em seu computador.

Veja:


Caso o vídeo não carregue para você assista direto no YouTube: http://www.youtube.com/watch?v=GJH8q9x-Q04&feature=youtu.be

Este é o link para o Photoshop online: http://pixlr.com/editor/

Veja como ficou a minha, feita na vídeo-aula:

Mas você pode usar qualquer editor tipo Photoshop, por exemplo.
Agora que você já tem suas assinaturas prontas vamos aprender como inserir no blog.
Para começar você vai hospedar suas assinaturas.

Como hospedar imagens usando o Blogger?

Faça assim:
Crie uma postagem 'falsa', que nunca será publicada, ficando sempre no rascunho.
Insira nela a imagem que deseja hospedar. Depois de concluir o upload da imagem clique sobre ela e com o botão direito do mouse copie o endereço, url ou link da imagem (o nome dependerá de qual navegador esteja usando); este é o endereço web de sua imagem.
Faça isso com todas as assinaturas que desejar colocar no seu blog.
Reserve a página onde elas estão, vai precisar dos links daqui à pouco.

Agora abra seu painel administrativo do blog e clique na aba Modelo.
A seguir clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na barrinha de pesquisa digite isso:

<data:post.body/>

Tecle Enter para localizar.
Caso encontre mais de uma ocorrência desse trecho precisará testar, mas em geral precisamos achar a segunda ocorrência dele, ok?
Assim que encontrar cole esse código abaixo do trecho encontrado:


Copiar o código

Agora preste atenção!
Altere onde está marcado em capslock.
Conforme você notou há o lugar para inserir o endereço de cada assinatura.
Onde está escrito NOME DO AUTOR 1 e NOME DO AUTOR 2 você precisa colocar exatamente o nome do perfil do autor, seja perfil Blogger simples ou o perfil G+.
Tem que ser o nome exato do perfil, tá? 
O meu, por exemplo, é Elaine Gaspareto. Só assim funcionará.
Caso haja mais de 2 autores no blog basta repetir este código:

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

antes do fechamento da div, ou seja, ficaria assim:

 <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>
 <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>
</div>


No código que estou mostrando a assinatura estará alinhada à direita.
Caso queira troque:
center: alinhada ao centro;
right: alinhada à direita;
left: alinhada à esquerda;

Depois de pronto, com todas as alterações necessárias clique em Salvar alterações e está feito.
Para dar certinho cada autor precisa postar logado em seu próprio perfil, exatamente aquele cujo nome foi colocado no código.

Certinho?
Espero que ajude e que deixe seu blog cada vez mais personalizado e bonito.