Postagens Vanessa S.
Criar Assinatura do autor do Post Personalizada com imagem
Você já viu como Colocar link na assinatura do autor das postagens, agora vamos aprender como incluir no final de cada postagem uma assinatura automática do autor personalizada em forma de imagem.
Este recurso pode ser usado em blogs que possuem um único autor, ou em blogs que possuem vários autores.
Você pode criar sua assinatura usando o Photoshop ou outros programas editores de imagens, mas se preferir, poderá usar Geradores online como My Live Signature.
Para criar sua assinatura on line, acesse o site My Live Signature.
É muito fácil criar sua assinatura:
No Step 1 –> digite o nome
No Step 2 –> escolha a fonte.
No Step 3 –> escolha o tamanho da fonte.
No Step 4 –> escolha a cor da fonte e a cor de fundo.
No Step 5 –> escolha a inclinação da assinatura.
No final, depois de sua assinatura pronta, eu sugiro que você salve-a em seu pc. Clique com o mouse direito em cima da assinatura que você acabou de criar, e depois clique em “salvar imagem como“.
Hospede sua assinatura em seu site preferido.
Agora vamos inclui-la no final das postagens no blog.
Vá em “Design » Editar HTML” , clique em “expandir modelos de widgets” e localize a linha:
<div class='post-footer'>
Dependendo de seu modelo de template, a linha acima pode estar da seguinte maneira:
<p class='post-footer'>
E cole o código da sua assinatura logo ACIMA dela:
<img src='ENDEREÇO-DA-IMAGEM-ASSINATURA' style='border:0px;'/>
Caso você queira incluir um link na sua imagem de assinatura,utilize este código:
<a href="LINK-AQUI"><img src='ENDEREÇO-DA-IMAGEM-ASSINATURA' style='border:0px;'/></a>
Caso queira alinhar a imagem á esquerda, á direita ou ao centro, você deverá acrescentar uma “div” de alinhamento. Vejamos:
div align=’left’ –> alinha à esquerda.
div align=’right’ –> alinha à direita.
div align=’center’ –> alinha ao centro.
Então você deverá escolher qual o alinhamento que deseja (left,right ou center) e incluir no código abaixo (no local onde está os “XXXX” )
<div align='XXXX'>
<---código da imagem aqui--->
</div>
[dica]Dica:
Se você quiser que imagem da assinatura apareça apenas na Página Interna (área do seu artigo), você deverá acrescentar uma condicional para oculta-la na home.[/dica]
Veja como fica:
<div align='XXXX'>
<b:if cond='data:blog.pageType == "item"'>
<---código da imagem aqui--->
</b:if>
</div>
Caso queira aprender mais sobre como ocultar ou exibir determinados elementos em determinadas páginas, leia o artigo:
• Ocultar Elementos em Página Específica
Blog com mais de 1 autor
Se seu blog possui mais de 1 autor, o código a ser colado deverá ser este:
<b:if cond='data:post.author == "AUTOR1"'>
<img src='ENDEREÇO-DA-IMAGEM-ASSINATURA-AUTOR1' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == "AUTOR2"'>
<img src='ENDEREÇO-DA-IMAGEM-ASSINATURA-AUTOR2' style='border:0px;'/>
</b:if>
Se você tiver número maior que 2 autores, você pode repetir o bloco de código, para cada autor que quiser adicionar. Notem que separei o código referente a cada autor, em cores diferentes para facilitar.
Confiram como ficou a minha assinatura:
Muito obrigado. Este seu blog era pra ter acesso pago, pois tudo que testo no meu template funciona. O que seria de mim se esse blog. Muito obrigado por mais essa dica.
Tá, mas e para Word Press você indica algum plugin que faça isto?
Oie obg pelo tutorial ajudou,mas como eu tiro ou troco a imagem,eu acabei colocando uma “errada” e quero trocar ou tirar pelo menos mas não consigo ><"
Oi vanessa eu nao consiguir localizar oque eu fasso? bjs
Muito obrigada pela dica….Sucesso a você sempre
essa assinatura é igual a sua? com foto e redes sociais?
Dica perfeita..deu certinho 🙂
Vanessa, como faz para usar a biografia do autor igual à sua, com links para redes sociais?
Um beijo, aguardo resposta!
Olá boa noite, gostaRia de acrescentar uma coisa na sua explicação que não está completa, ali você explica que tem de inserir o “div” pra alinhar a imagem digitando novamente o código da imagem, porém se incluí-lo novamente ira aparecer 2 assinaturas, então quem deseja alinhar é só fazer o segundo passo. Não intendo quase nada disso e fiz pela sua explicação só cheguei nessa conclusão depois de muitas tentativas.
O correto seria (eu escolhi centralizar)
no lugar de:
e só, grata pela explicação.
Abç. 😉
Oi, eu gostaria de saber qual o código pra aparecer automáticamente em cada autor, quantos posts ele ja escreveu no blog, igual tá no seu: “Vanessa já escreveu 353 posts.” ou vc posta manualmente isso? Obrigado desde já
Isto é um plugin para wordpress. O Mundo Blogger agora está em wordpress.
Fiz tudo certinho, meu blog é com duas autoras.
Usei quebra-link e a assinatura não aparece de jeito nenhum. Não tem que fazer alguma coisa?
Se vc seguiu todos os passos direitinho e mesmo assim não deu certo, lamento, mas eu não tenho como te ajudar, pois pode ser algo relacionado ao seu template e para tentar descobrir, teria que ser feita uma análise mais minuciosa, e infelizmente eu não disponho de tempo para isso. De qualquer forma, agradeço pelo comentário.
possuo mais de um blog e em cada um gostaria de mudar o meu nome. EX. no meu blog de jogos ao invés do meu nome “Diego” gostaria que aparecesse outro nome como uma espécie de apelido, somente texto sem imagem, procurei em muitos sites e não encontrei esta opção de apenas mudar o nome do autor.
acredito que seria apenas criar um if mas não sei como fazer isso se puder me ajudar eu agradeço.
Pelo que eu sei, isso que vc quer, não é possível fazer no blogger.
Obrigado.
Oi, tenho uma dúvida. A maioria das postagens do meu blog são “cortadas”, e eu preciso que só apareça a assinatura depois que abrir o post inteiro. Como faço?
Obrigado!
No tutorial explica como fazer isso, para aparecer somente na páginas internas.
É que se eu uso aquele código, não aparecem as assinaturas de jeito nenhum.
Vish, fiquei no vácuo e sem assinaturas =/
gostei do seu blog! Eu fiz a assinatura mas ela entra no meu Blog (Blogger) como figura e com fundo branco! o template é rosado no meu blog, mesmo que eu modifique o fundo, no My Live.., a assinatura entra como foto e fica destacado e com as bordas sombreadas. Tem aalguma forma desta assinatura ficar "pura" ?
Oie conseui fazer, ficou bem legal, só queria saber como coloca uma fotinho sua do lado da assinatura.
Beijão
Clau a imagem so pode ser em png? hospedei em gif e fiz tudo como você disse e não entra!
nao consegui :/ meu blog é de 3 autores e nao entra
Olá, eu segui do jeito q estar explicando mas infelizmente ñ consegui por a assinatura no blog..
como faço se a imagem for um gif?????
Clau eu posto e não aparece :/, me ajuda por favor ? D:
eu preciso muito kk, tipo como faço pra escolher em qual das duas autoras que esta postando ? D:
Perfeito!!!
Obrigada
Muito obrigado!
mais a minha duvida continua, eu uso um template que estas informação aparece no cabeçario da postagem e quero que passa a estar no rodape alguem pode me ajudar.
Isso mesmo Bárbara 😉
Olá! Fiz tudo certinho, mas como o blog "reconhece" quem está postando? Por exemplo, ele coloca automaticamente a imagem do autor só pelo fato de ele estar na conta específica? Bjs!
Dream
Eu já inclui esta informação no tutorial. Espero que ajude.
Oi Clau, amo seus tutoriais e dicas, são todas ótimas!
Bom, eu fui colocar este código no meu blog, deu tudo certo, só que teve um problema: Todos os meus posts são divididos com o "Leia Mais" e a assinatura fica junto com o resumo do post, eu queria que a assinatura ficasse com o resto do post, ou seja, só teria como ver se visse o post inteiro. Tem como isso? Obrigado. (:
Pandora
É acima.
<div align='right'>
<—código da assinatura aqui—>
</div>
Olá! Poxa fazia um tempão que estava querendo aprender a fazer isso e seu tutorial deu certinho! Muito grata. Fiquei apenas com uma dúvida: para alinha a assinatura do lado direito onde devo colocar o código "div"? É abaixo do primeiro código(o que insere a assinatura), é acima, é junto..? Tô na dúvida. Abraços
Meu Deus! finalmente consegui, já faz um tempão que eu estou procurando e tentando colocar essas maravilhosas assinaturas, eu chamei mais 2 blogueiros para postar no meu blog e eu queria que ficasse tudo organizado com assinaturas, e graças a esse maravilhoso blog eu consegui, muitooo obrigada Clau..
Isa Mar
Eu acrescentei esta informação no tutorial. Obrigada pela visita.
Oi gostei muito das explicações, fiz e deu certo, mas gostaria de colocar a imagem no meio em vez do canto direito, tem como fazer?
Bom fim de semana pra ti, beijos
Eu coloco para 2 autores e não aparece as imagens. O(
Clau, muito obrigada pela sua ajuda!!!!!!!!!
Beijos!!!!!
Giovana
Eu acrescentei essa informação no tutorial, assim se outas pessoas tb quiserem linkar a imagem já verão como faz. Dá uma olhada novamente que já coloquei o código para linkar a imagem. Obrigada pelo comentario.
Oi Clau, tudo bem!?
Nossa, antes eu colocava a assinatura post por post, quanto trabalho!
Deu certinho aqui!
Você sabe me dizer se existe a possibilidade de linkar a imagem, para quando alguém clicar nela, se redirecionar para o meu twitter?
Beijos!
Oi Clau,
eu queria saber como alinhar a assinatura e colocar ela para o lado esquerdo! Me ajuda ;D!
lenibeatriz
Lamento,mas não tenho como te ajudar.Não há como eu saber o que houve de errado no seu blog.
Não sei o que estou fazendo de errado, ou tenho que mudar algo neles?
Não consegui alterar a assinatura. Deu:Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute "{1}" associated with an element type "src".
Error 500
Adorei teu site. Você explica detalhadamente e fica bem fácil de entender. Mas tentei colocar o feed flutuante, e o bloger não aceitou.
Não tenho pratica em html e tampouco em blogs. Os meus são bem amadores.
Já tenho mais de 60 anos de idade e isso dificulta um pouco, principalmente para quem não está acostumada com computador.
Será que o blogspot funciona de maneira diferente e esse código não serve? Você tem idéia do que pode ter dato errado?
O endereço da figura está certo. É em abrir link em uma janela anônima, pois a figura precisa aparecer sozinha, não?
Eu andava a procura de um local para a hospedagem de imagens e agora adorei essa tua dica.
Sucesso em teu trabalho. E continue nos ajudando.
Abraços
yaa
Tais recursos variam de template para template. Sendo assim, não tenho como te ajudar.
Oi, Clau.
Meu blog tem dois autores. Tentei colocar as imagens de assinatura de acordo com o tutorial, mas não deu certo. Quando clico na visualização para ver se está tudo certo, aparece uma mensagem dizendo que a b:if não está fechada, apesar de eu já ter verificado o código várias vezes e não ter nenhuma b:if aberta.
Pode me ajudar, por favor?
Obrigada!
.: m4luc4t :.
é para colocar o nome do autor, mas deve estar exatamente como está no perfil do blogger!
NUMINIS Eventos
Tem essa informação sim..dá uma relida com atenção no tutorial, que tem a tag q vc deve localizar pra colar o código.
Oi Clau,
Há algum tempo venho acompanhando o seu blog e este é o único que consigo entender! rsrs
Só uma dúvida, fiz todos os passos e as imagens prontas (são 4 autores no meu blog). Como eu faço para que a imagem apareça no final do post? Li várias vezes o seu tutorial e não achei isso.
Pode me ajudar, por favor?
Obrigada!
Olá.
No método para mais de 1 autor, onde diz "AUTOR1" e/ou "AUTOR2" deixa-se exatamente assim ou sibstitui-se pelo link do profile do autor?
Obrigada.
Gabriela
é para colocar o endereço da imagem.
oi, lá em Nome do autor, se põe o link do perfil ? Ou o que ?
Pode deixar eu já consegue ajeitar, eu tinha esquecido de colocar os nomes dos autores no código. Esse site é muito de +! Nota 10 essa dica.
O código não fúncionou eu queria postar em cima do menu que eu coloquei nas postagens mas não aparece nada. Olha o meu blog: http://macetesedicasgta.blogspot.com
Olá!
Consegui colocar a assinatura com imagem!
Duas perguntas:
Dá para inserir essa assinatura com imagem dentro do post?
Caso não, como posso centralizar a assinatura no html que já inseri?
Beijos e obrigada!
Shirley
Candy Reis
Se tem como fazer isso, não sei, vc terá que testar até conseguir. Sugiro que use um blog de testes para testar.
Peço que não deixe seu email nos comentários, a menos que queira ser vitima de spammers, até pq eu não respondo a nenhum comentário por email , respondo somente aqui. Mais informações, leia os Termos de Uso do Blog.
Obrigada pelo comentário.
Olá , sempre vejo muito tutoriais aqui , e esse é um dos que mais me interessei , só que tudo bem eu consegui coloca e tudo mais , só que abaixo da foto ficam os marcadores e eu queria que ela ficasse tipo assim:
FOTO e ao lado dela : postado por .. e marcadores …..
tem como ?
por favor responde por e mail ou no meu blog:
http://www.s2meh.blogspot.com
candy.reis@hotmail.com
Obrigada :]
Oi, Clau!
E como eu devo fazer para a assinatura aparecer no lado direito?
um beijo!
Obrigada mais uma vez por sua atenção!
Beijos
@alinestar.com:
Tenta ajustar as medidas em .post e .post-body
Oi flor,vim avisar que já achei o tutorial correspondente a minha dúvida (Aplicar estilos as páginas estáticas).
Só que agora não estou achando onde arrumar as medidas,margem e padding,a página ficou um pouco abaixo da normal,anão ficou na mesma altura da página de postagens.
O que eu faço para ajustá-las?
Beijão
Clau,como faço para ter uma página de índice(tutoriais para blogger) como a sua, de tela inteira,sem aparecer a sidebar?