Tutorial: Como colocar assinatura com imagem na postagem


Ola meu povo lindo, hoje vim compartilhar com voces algo que eu acho muito importante  para o blog, que sao as assinaturas do autor com imagem,  elas são muito importantes para o blog, principalmente se possui colaboradoras, pois assim cada uma recebe o crédito da sua postagem, ficando tudo mais facil.
O credito desse tutorial vai para Menina Nerd  

Então vamos começar:


No photoscape produza uma  assinatura  com fundo transparente em png e hospede-a em algum site de hospedagem gratuito, eu uso o TinyPic.

Agora va no HTML do seu blog 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 seu blog possui colaboradores, 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>

Obs: o Nome do Autor tem que ser escrito exatamente igualzinho como estar na Opção Autor no seu Blog.  Exemplo:

Meu nome no Blog esta: Renata Massa
Se colocar no código: renata massa

Pode da algum erro! Por isso preste atenção!

Substitua os links. Depois visualize, se aparecer tudo certo, salve.

Bem, espero que isso ajude a manter seu blog mais Organizado e visível.

um forte abraço a todos!

You Might Also Like

14 comentários

  1. Boa dica!!

    * Novo post e um video no meu canal, do George Clooney *
    Beijinhos
    Saraemlondres Blog !! Facebook !! Youtube

    ResponderExcluir
  2. Adorei o tutorial Re.

    Bjss

    http://lindamenina-dri.blogspot.com.br/

    ResponderExcluir
  3. Adoro esses posts de tutoriais re, que nos servem para melhorar os nossos blogs!!

    O blog está de cara nova, vem conhecer:http://tinha-que-acontecer.blogspot.com.br/
    Beijão

    ResponderExcluir
  4. Meu Deus Rê, agora que finalmente criei vergonha na cara e encontrei o tema perfeito pro meu blog to me deliciando nos seus tutoriais *-*
    Logo te mando o link do blog novo.
    A aparência dele (não querendo me gabar mas está ficando uma fofura) deve muito ao seu blog.
    Muito amor aqui <3

    Beijão de sua fã, sumida mas que adora aqui ^^

    ResponderExcluir
    Respostas
    1. Sao pessoas como vc que me inspiram a continuar com o blog a cada dia...
      obrigada pelo carinho Cah, sucesso pra vc lindona!!!
      Bjaooo

      Excluir
  5. Por que o meu não está indo??

    ResponderExcluir
    Respostas
    1. deve haver dois desse codigo
      < div class='post-footer'>

      quando vc procurou deve ter colocando a imagem no primeiro que vc encontrou...

      quando procurar, de enter duas vezes e veja a segunda opcao e faca tudo igual como o primeiro...

      Excluir
  6. AMEI, muito eficiente, vou usar no meu bloguito. Bjs

    http://www.pinkisnotrose.com

    ResponderExcluir
  7. Seu blog é lindo demais! E me ajudou muito a personalizar o meu.. pena que esse tutorial não deu certo para mim :/

    Mas obrigada mesmo assim!
    Beijos,

    ResponderExcluir
  8. Ei Renata, muito obrigada por esse tutorial! Eu coloquei em prática no meu blog e deu super certo! <3 Fiz até um post apresentando as mudanças no meu layout e cite o seu tutorial. (aqui o post: http://www.tamaravilhosamente.com/2017/11/mudancas-bem-vindas.html )
    Obrigada mesmo pela sua ajuda! Beijos!
    Tamara

    ResponderExcluir
  9. estou usando seu templete Unisssex e não está dando!
    me ajuda?

    ResponderExcluir

Mande seu comentário, criticas, elogios ou sugestões.
Responderei o mais rápido possível.
Um forte abraço.