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!

Compartilhe nas redes

Tags:

Poderá gostar também de:

13 comentários

  1. Sara em Londres18 de maio de 2015 às 06:42

    Boa dica!!

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

    ResponderExcluir
  2. Carolina Romão9 de outubro de 2015 às 18:29

    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. Renata Massa10 de outubro de 2015 às 08:05

      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
  3. Renata Massa10 de outubro de 2015 às 08:02

    Obrigada Dry
    Bjinhos

    ResponderExcluir
  4. Michele Santana5 de junho de 2016 às 17:00

    Por que o meu não está indo??

    ResponderExcluir
    Respostas
    1. Renata Massa6 de junho de 2016 às 10:02

      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
  5. Carol Justo13 de setembro de 2016 às 20:05

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

    http://www.pinkisnotrose.com

    ResponderExcluir
  6. Andy in the sky with diamonds17 de dezembro de 2016 às 21:15

    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
  7. coisas da vida9 de março de 2017 às 19:57

    o meu n deu certo :(

    ResponderExcluir
  8. Blog Tamaravilhosamente27 de novembro de 2017 às 07:54

    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. Inter Cachos25 de dezembro de 2017 às 17:57

    Sempre usei esse tutorial, mais agora que troquei de template não to conseguindo colocar novamente poderia me ajudar?

    ResponderExcluir
  10. Poliana Morais21 de janeiro de 2018 às 15:41

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

    ResponderExcluir

Flickr Images

Subscribe