Tutorial: Como colocar assinatura com imagem na postagem

01:33


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!

Você pode gostar também

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. 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. Sempre usei esse tutorial, mais agora que troquei de template não to conseguindo colocar novamente poderia me ajudar?

    ResponderExcluir

Mande seu comentário, criticas, elogios ou sugestões.
Responderei o mais rápido possivel.
Um forte abraço a todos vocês!

Contrate o Blog

Meu blog faz parte do Modatrade


Renata Massa
Renata Massa
Modatrade | A vitrine dos blogs de moda
Modatrade | A vitrine dos blogs de moda