Como colocar assinatura com imagem no final dos posts

Oi, gente! Lá vou eu pedir desculpas mais uma vez pela demora nos posts. Realmente ando sem inspiração, portanto, se você tiver alguma sugestão deixe por comentário, email ou pela caixinha que eu coloquei na sidebar, ok?


Essas assinaturas são muito úteis, principalmente para blogs que possuem equipes. Com elas, cada autor recebe um crédito maior pela sua postagem. São muito fáceis de aplicar, mas o tutorial é diferente para cada caso, confira:

Faça sua assinatura e hospede-a no Imageshack ou em qualquer outro site;

Vá em Design, depois em Editar HTML e marque a caixinha "expandir modelos de widgets";

Agora dê Ctrl+F e procure por:

<div class='post-footer'>

Se for só você que posta no blog, cole logo acima dele o seguinte código:

<div align='right'>
<img src='URL da Imagem' style='border:0px;'/></div>

Coloque a url da sua imagem na parte destacada do código. Depois visualize, se aparecer tudo certinho, salve.

Se mais autores postam no blog, o código é esse:

<div align='right'><b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR1&quot;'>
<img src='URL da assinatura do 1º autor' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR2&quot;'>
<img src='URL da assinatura do 2º autor' style='border:0px;'/>
</b:if></div>


Faça as alterações nas partes destacadas. Depois visualize, se aparecer tudo certinho, salve. 

Alguma dúvida? Qualquer coisa é só perguntar. Beijos.

33 comentários:

Laura Reis disse...

Gostei, ajudou muito =)
Andreza quero perguntar uma coisinha, como faz essa caixinha de link-me aqui do lado << ?!!

Beijos ♥
blog-da-lolica.blogspot.com

Gabrielle Cabo disse...

Tem selinho pra vc

http://tudosobrecelebris.blogspot.com/2011/08/selinho_19.html

Ny disse...

aaah ! eu tava muuuito precisando saber diso (:

#Biiaanca.BN disse...

Andreeeza, aceeita afiliação? *.*

Responde lá, beeijos.
ng-oficial.blogspot.com

Márcia e Aline *-* disse...

andreza me ajuda? eu não estou conseguindo retirar a navbar do meu blog, eu coloco o código correto,mas nunca dá certo. Também não consigo personalizar o gadget de seguidores. Sabe aqle que tem no google friend connect que tem como personalizar e tals, ai eu faço tudo direitinho, coloco o código mas aparece só uma linha cinza ): eu falo aqle que tem no cherry bomb, just lia entre outros. Ficaria grata se me ajudasse (: bjinhos
http://TDiaryOfTeens.blogspot.com

Carolina Ribeiro disse...

ahh, faz tempo que eu procurava esse tutorial, eu ameei !
www.garotascomplicada.com

Gabriela Castanhari disse...

OLHA ELA NOS SALVANDO DENOVO *o*
UASAUSH
tenho uma dúvida sim, como vai aparecer qual das imagens da postagem? Porqe já usei assinatura em imagem, mas foi quando não tinha equipe, agora que tem mais de uma pessoa não sabia como..
agora essa me deixou confusa... como que vai aparecer a imagem ?

Gabriela Castanhari disse...

Ah, mais uma coisa... que tal afiliação?! *-*
Beijos

Ana Lu Nagib disse...

Gostei muito ^^
Andressa, gostaria d epedir um tuto, como vc coloca os dados do post do jeito que estão do Girly and Cute
?

Eu a-m-e-i!
Beijos^^
http://sermenina-blog.blogspot.com

Juliane disse...

Oi querida, seu blog está cheio de dicas bacanas hein? Parabéns. ;)

Lara Vic. disse...

aah sempre quis saber fazer isso *-*
amanha vou tirar uma foto em bonita para colocar ><
Andreza, você pode fazer um tutorial ou passar o link do tutorial de como fazer um menu personalizado? O do blogger é mto feio e o seu por exemplo é lindo e simples ><
beeijos!

recantodalara.blogspot.com

Yara.Cristina « disse...

Olá , o lady.smart mudou , visita e diga o que achou ?

Ah , e como você é minha afiliada arruma ta ?

Bjs.
http://blogsmartgirl.blogspot.com/

mush disse...

adorei o post, amo seu blog ♥
Ah, eu mudei o meu, o nome e o lay, ve o que vc acha? :)
Beeijos

conspirantes.blogspot.com

Yara.Cristina « disse...

adorei o tutorial. e o blog divo como sempre ♥.
E você andreza , sempre nos ajudando co messes tutoriais divinos *u*

Bjs. comenta lá ?
http://blogsmartgirl.blogspot.com/

Márcia e Aline *-* disse...

mê dê uma luz por favor? É muito importante,sabe, desde que mudei a url do meu blog, as atualizações de posts não aparecem mais no painel. Apenas está lá as atualizações que fi antes de mudar o endereço. Me ajude.bjs
http://TDiaryOfTeens.blogspot.com

Anônimo disse...

FLOR AJUDA A FAZER TIPO COMO COLOCAR A FOTINHA REDONDA E AS DUAS PLAQUINHAS QUERO MT APRENDER BJUUUUUUUUS

AJUDANDO disse...

anônimo eu tenho a sulução e so você add vickysousa2001@hotmail.com e ai ela te encina :D eu adorei serio eu consigui fazer isso

' Dαnii Souza disse...

Oie Andreza,
Adoro teu blog, conheçi há pouco tempo, mas sempre que posso dou uma passadinha por aqui :P

Curti o post, fazia um tempinha já, que eu procurava um tutorial explicando bem como ponhe essas imagens de 'postado por'.

Mas na verdade minha dúvida não tem muito a ver com esse post, eu peço até desculpas por tá comentando aqui, é que nem achei um adequado...
Mas enfim... Tô pensando em dá uma reforma geral no blog, mudar tudo mesmo, e venho vendo algumas dicas sua pra editar os templates do blogger e tal, o fato é que o blogger disponibiliza alguns modelos deferentes, e a minha dúvida é qual modelo seria o mais adequado pra editar ? Aquele que é mais simples, pra pôr um cabeçalho editado por exemplo ?

Desde já agradeço, e te parabenizo pelo teu "trabalho", KKK, sempre quis aprender a mexer com HTML, e acabei desistindo porque achei complicado demais, então admiro pakas quem sabe mexer com essas coisas :P

Sucesso sempre.!
BeijOkas.

Health disse...

bom tutorial! Mas nós temos para hospedar a imagem no próprio servidor, a menos que use serviços gratuitos como o Flickr

Cooke Berry disse...

Adorei o Tutorial! :)
Bjsss ♥
Sofia
http://cookeberry.blogspot.com

Manuella N. disse...

Quer fazer parceria?
Blog:http://s2sweetgirlforever.blogspot.com/
Por favor

Princess Teens * disse...

Muito boa, a dica.
Gostei muito do seu blog, e gostaria muito também de fazer parceria com o seu blog, avise-me se gostaria também.

Beijos.
Juliana, Princess Teens
bloggirlpop.blogspot.com

Karols disse...

Haa 'mt legal :D
Veja meu blog
http://karolsgirls.blogspot.com/
vlw

Karols disse...

Haa 'mt legal :D
Veja meu blog
http://karolsgirls.blogspot.com/
vlw

Maria Clara Marra disse...

eu faço isso mas aparece "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: The reference to entity "filename" must end with the ';' delimiter." D:

*****Giulia***** disse...

Usei no meu blog, dá uma olhada?
http://baggirl-bg.blogspot.com/

Isa Moraes disse...

O Menina Nerd me ajudando novamente *-* Mas não funcionou :/
Meu problema é o mesmo da Maria Clara Marra, e eu já conferi tudo muitas vezes e nada, quando vai visualizar, aparece esse código aí. O que eu faço?
Beijos.

Franciele Valadão disse...

Oii! Você pode me ajudar ? Eu queria deixar a assinatura perto de onde diz comentários, você sabe como? o link é esse: http://www.coracaonomade.com/

Camila Mabeloop disse...

nosssssa me matei atras de um tutorial bom assim! Só vc mesmo em! rs.

Obrigada!

Júlia disse...

Meu, só você explica MUITO bem! 90% das personalizações no meu blog, eu tirei daqui! Obrigada, menina! <3

Vic disse...

Ah, usei o tutorial. Brigada pela ajuda :)

Anônimo disse...

ajudou muito vlew

Amazing Way disse...

Eu tentei fazer no meu blog mas não funfou! :s'
Não sei o por que, eu fiz tudo direitinho!
OBS: Eu tentei na opção de EQUIPE!