Como colocar assintatura com imagem no final do post


A imagem é essa aqui 


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. 

Créditos  Menina Nerd

10 comentários

  1. não posso :3

    http://extras-for-you.blogspot.com/

    ResponderExcluir
  2. Jáa uusei por mtt tempo no meu blog mais chega uma hoora em que voc enjooa :x
    Quando puder dá uma passadinha la no meu blog?
    www.paradateen1.blogspot.com

    ResponderExcluir
  3. Otimo tutu! fica otimo... flor voltei da viagem e tem selinho pra você la no blog!

    ResponderExcluir
  4. http://kelly-club.blogspot.com/2012/02/novos-selinhos-do-blog_23.html o link do selinho =)

    ResponderExcluir
  5. Esse tutorial é muito bom, mais prefiro a assinatura do blogger mesmo...rsrsrs
    Post novo lá no blog passa pra conferir:
    http://rosaschiclete.blogspot.com/

    ResponderExcluir
  6. adoreiiiiiii, ae seu blog é lindo. to começando agora, mas com o tempo esperoo conseguir deixar o meu assim tão fofoo como o seu.

    Me visita

    www.emporiokafashion.blogspot.com

    Bjocas
    Gi

    ResponderExcluir
  7. Achei muito interessante esse post, só que tive um probleminha em confimar a conta etc. Mas mesmo assim, eu gostei muito do layout do seu blog, e to retribuindo a visita que voceê me fez no blog, 20-dejunho. Então, ja estou seguindo também, bjs !

    http://20-dejunho.blogspot.com.br/

    ResponderExcluir
  8. nossaaaaaa menina você é plagio você copiou esse tutorial de Menina Nerd , Nossa isso é plagio é crime vou correndo avisar pra coitada d dona do blog menina nerd ,

    ResponderExcluir
  9. Olhem lá meninas pra ver que n é mentira minha http://meninanerd.blogspot.com.br/2011/08/como-colocar-assinatura-com-imagem-no.html

    ResponderExcluir
  10. adorei !Usando, e a medida que enjoar é só trocar a imagem.
    Beijo

    ResponderExcluir