Assinatura automática em blogs com mais de um autor

em 22 de julho de 2013

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:



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.


Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

35 comentários , comente também!

  1. Adorei seu blog! Já sou seguidoora! Conheça o meu tb! www.criscoisinhasfofas.blogspot.com

    ResponderExcluir
  2. Que dica bacana Elaine!
    Tenha uma excelente semana.
    Beijinhos...

    ResponderExcluir
  3. Era exatamente isso que estava procurando!
    Beijos

    ResponderExcluir
  4. Muito boa as dicas, as vezes penso em colocar outra postadora.

    http://mundodeliina.blogspot.com.br/

    ResponderExcluir
  5. Olá querida!
    Adorei a dica!
    Muito útil, linda e bem explicadinha, como sempre!
    Parabéns!!!
    Beijinhos,
    Cris

    ResponderExcluir
  6. Oi Eliane, conheci o seu Blog no Google +
    já estou a seguir-te segue o meu tbm? http://celialima35.blogspot.com.br/
    Achei mara essas suas dicas.
    Bjssss

    ResponderExcluir
  7. Muito bom esse tutor Elaine, amei ;)
    Beijos!

    ResponderExcluir
  8. Oi Elaine,
    Mandei um e-mail para vc pelo gmail, será que vc viu?
    Me dê um alô...
    Bjs de uma cliente ansiosa.
    :D

    ResponderExcluir
  9. Esse é diferente. Bem explicadinho.
    Obrigada.
    Beijos.

    ResponderExcluir
  10. também não consigo, fica sem nenhuma assinatura :/

    ResponderExcluir
  11. Adorei... Valew

    Visita o meu tbm... :-*

    http://leramareserfeliz.blogspot.com.br/2014/02/livro_28.html

    ResponderExcluir
  12. Adorei o tutorial flor
    você aceita afiliação? se aceitar afilia-se a mim

    http://kawaiipandinha.blogspot.com.br/

    ResponderExcluir
  13. consegui fazer a assinatura mas não consegui inserir esta dando erro

    ResponderExcluir
  14. Que legal! Adoreiii!!

    http://cajuland.blogspot.com.br/

    ResponderExcluir
  15. Consegui fazer uma assinatura linda no meu Blog, vai lá da uma olhadinha e veja o que achou, eu amei!!!!!
    Obrigada minha super, master, blaster, mega, #personalblogueira.

    ResponderExcluir
  16. Elaine, boa noite. Não sei se você irá me responder, mas tenho uma sugestão de postagem para você fazer. Você poderia ensinar a como colocar o nome do autor e a data da publicação logo abaixo do título? Exemplo do seu:

    "Publicado por Elaine Gaspareto no dia 22 de julho de 2013.

    Obrigado.

    ResponderExcluir
    Respostas
    1. Gabriel, dica anotada, assim que der eu monto o tutorial.
      Obrigada!

      Excluir
  17. Elaine, eu fiz a imagem, coloquei no lugar que você falou, consegui salvar, porém não apareceu no meu blog. Você tem alguma ideia do que pode ter acontecido? Obrigada desde já! Amo os seus tutoriais, parabéns!
    Meu blog: http://www.desejosteens.com.br/

    ResponderExcluir
    Respostas
    1. Lysia, tem certeza que colocou no lugar certo?
      Experimente abaixo de post-footer line 1
      bjsss

      Excluir
  18. Vim procurar, sabia que já tinha visto vc ensinar rsrs

    Vou adicionar uma colunista (amiga nossa) para a Cozinha do Quintal.

    Se eu não acertar fazer, eu te chamo rsrsrs

    beijosssssss

    ResponderExcluir
  19. eu ja tinha usado na primeira vez e deu certo, depois fui tentar trocar os nomes e mudou tudoo, fonte, etc... daí eu tentei fazer denovo mais não quer funcionar, o que aconteceu ??

    ResponderExcluir
    Respostas
    1. Nesse momento (05/05/2015) o Blogger apresenta uma instabilidade e qualquer alteração feita no HTML dos templates não funcionará, e pode causar perda de quaisquer personalizações feitas anteriormente na área post-header.
      Aguarde, não edite seu template para evitar dor de cabeça, até a situação normalizar.
      A equipe do Blogger informou que está trabalhando para corrigir o bug.

      Excluir
  20. Olá Elaine tudo bem?
    Primeiramente a parabenizo pelo blog que é excelente e me ajuda muito.
    Eu fiz esse tutorial e deu certinho, entretanto a minha imagem de assinatura não ficou pequena, ela ocupou praticamente a largura toda do corpo do post, o certo seria ficar pequena e do lado direito, ela fica grande e no meio, e coloquei a div align='right', o que pode ter acontecido? Minha imagem de assinatura tem 210px por 98px. Pode me ajudar.

    Abraços,

    Ariadne

    ResponderExcluir
    Respostas
    1. Ariadne, pode ser que o template no qual esteja inserindo a assinatura tenha o recurso de exibir as imagens todas na largura total da área do post.
      Se for a assinatura vai ficar assim...

      Excluir
    2. Hummm, acho que pode ser isso mesmo viu, dei uma olhada aqui, tem algum código que eu possa mudar isso? Para que só a imagem da assinatura fique no tamanho original? Muito obrigada!

      Abraços,

      Ariadne

      Excluir
  21. Tentei por, a assinatura aparece quando se trata de páginas, mas, todo o texto das páginas somem, e fica só a assinatura, e nas postagens comuns do blog não aparece a assinatura, vai fazer 2 anos que tenho esse blog, e agora que estou tentando recrutar alguns membros, não estou encontrando nenhum tutorial ensinando a como por assinatura personalizada, e quando encontro, nenhum deles funciona! ;-;

    ResponderExcluir
  22. Oi Elaine tudo bem?
    Eu fiz, mas no meu blog a imagem fica com bordas. O que pode ser?

    ResponderExcluir
    Respostas
    1. Aline, é porque todas as imagens de seu blog possuem borda, e sendo a assinatura uma imagem ela terá, claro, bordas como as demais imagens.
      bjss

      Excluir
  23. Eu não consegui, não deu certo, meu blog tem muitos postadores, já tenho todas as assinaturas de cada postador do me blog, mas não consigo colocar a assinatura automática. Pode me ajudar?

    ResponderExcluir
  24. Eu não consegui, não deu certo, meu blog tem muitos postadores, já tenho todas as assinaturas de cada postador do me blog, mas não consigo colocar a assinatura automática. Pode me ajudar?

    ResponderExcluir
  25. Elaine, vc arrasa né!!! Obrigada! Bjokas

    ResponderExcluir
    Respostas
    1. rrsr nem tanto... são seus olhos, lindeza! rsrsrs
      bjssss

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…