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:
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:
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 == "NOME DO AUTOR 1"'><img src='ENDEREÇO DA ASSINATURA DO AUTOR 1' style='border:0px;'/></b:if>
<b:if cond='data:post.author == "NOME DO AUTOR 2"'><img src='ENDEREÇO DA ASSINATURA DO AUTOR 2' style='border:0px;'/></b:if>
<b:if cond='data:post.author == "NOME DO AUTOR 3"'><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.
Adorei seu blog! Já sou seguidoora! Conheça o meu tb! www.criscoisinhasfofas.blogspot.com
ResponderExcluirQue dica bacana Elaine!
ResponderExcluirTenha uma excelente semana.
Beijinhos...
Era exatamente isso que estava procurando!
ResponderExcluirBeijos
Muito boa as dicas, as vezes penso em colocar outra postadora.
ResponderExcluirhttp://mundodeliina.blogspot.com.br/
Olá querida!
ResponderExcluirAdorei a dica!
Muito útil, linda e bem explicadinha, como sempre!
Parabéns!!!
Beijinhos,
Cris
Oi Eliane, conheci o seu Blog no Google +
ResponderExcluirjá estou a seguir-te segue o meu tbm? http://celialima35.blogspot.com.br/
Achei mara essas suas dicas.
Bjssss
Muito bom esse tutor Elaine, amei ;)
ResponderExcluirBeijos!
Oi Elaine,
ResponderExcluirMandei um e-mail para vc pelo gmail, será que vc viu?
Me dê um alô...
Bjs de uma cliente ansiosa.
:D
Esse é diferente. Bem explicadinho.
ResponderExcluirObrigada.
Beijos.
não consigo :/
ResponderExcluirtambém não consigo, fica sem nenhuma assinatura :/
ResponderExcluirAdorei... Valew
ResponderExcluirVisita o meu tbm... :-*
http://leramareserfeliz.blogspot.com.br/2014/02/livro_28.html
Adorei o tutorial flor
ResponderExcluirvocê aceita afiliação? se aceitar afilia-se a mim
http://kawaiipandinha.blogspot.com.br/
Show de bola!
ResponderExcluirconsegui fazer a assinatura mas não consegui inserir esta dando erro
ResponderExcluirQue legal! Adoreiii!!
ResponderExcluirhttp://cajuland.blogspot.com.br/
Consegui fazer uma assinatura linda no meu Blog, vai lá da uma olhadinha e veja o que achou, eu amei!!!!!
ResponderExcluirObrigada minha super, master, blaster, mega, #personalblogueira.
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:
ResponderExcluir"Publicado por Elaine Gaspareto no dia 22 de julho de 2013.
Obrigado.
Gabriel, dica anotada, assim que der eu monto o tutorial.
ExcluirObrigada!
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!
ResponderExcluirMeu blog: http://www.desejosteens.com.br/
Lysia, tem certeza que colocou no lugar certo?
ExcluirExperimente abaixo de post-footer line 1
bjsss
Vim procurar, sabia que já tinha visto vc ensinar rsrs
ResponderExcluirVou adicionar uma colunista (amiga nossa) para a Cozinha do Quintal.
Se eu não acertar fazer, eu te chamo rsrsrs
beijosssssss
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 ??
ResponderExcluirNesse 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.
ExcluirAguarde, 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.
Olá Elaine tudo bem?
ResponderExcluirPrimeiramente 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
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.
ExcluirSe for a assinatura vai ficar assim...
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!
ExcluirAbraços,
Ariadne
Hum, que eu saiba, não...
ExcluirTentei 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! ;-;
ResponderExcluirOi Elaine tudo bem?
ResponderExcluirEu fiz, mas no meu blog a imagem fica com bordas. O que pode ser?
Aline, é porque todas as imagens de seu blog possuem borda, e sendo a assinatura uma imagem ela terá, claro, bordas como as demais imagens.
Excluirbjss
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?
ResponderExcluirEu 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?
ResponderExcluirElaine, vc arrasa né!!! Obrigada! Bjokas
ResponderExcluirrrsr nem tanto... são seus olhos, lindeza! rsrsrs
Excluirbjssss
Tem como fazer tipo: quando alguém clicar nessas imagens, vai para uma página 'x'. ?
ResponderExcluirMUUUUUIIIITOOO OBRIGADA!
ResponderExcluirNenhum tutorial funcionava e o seu deu certo de primeira!
OII, eu queria saber se vc já faz o tutorial da caixa do autor com nome, botões de compartilhar e post relacionados tudo junto.
ResponderExcluirJéssica, nunca fiz não mas vou colocar na lista dos que farei...
ExcluirVocê já leu os comentários dos seus leitores acima???
ResponderExcluirEsse tutorial NÃO FUNCIONA, retire-o do ar!!!
Fran, por favor; releia seu comentário.
ExcluirPercebe como ele é agressivo e autoritário com alguém que só quer ajudar?
E sim, o tutorial funciona.
Quando eu melhorar tentarei gravar a execução em vídeo.