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 == "ESCREVA_AQUI_O_NOME_DO_AUTOR1"'>
<img src='URL da assinatura do 1º autor' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == "ESCREVA_AQUI_O_NOME_DO_AUTOR2"'>
<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!
14 comentários
Boa dica!!
ResponderExcluir* Novo post e um video no meu canal, do George Clooney *
Beijinhos
Saraemlondres Blog !! Facebook !! Youtube
Obg sara, bjus!
ExcluirAdorei o tutorial Re.
ResponderExcluirBjss
http://lindamenina-dri.blogspot.com.br/
Obrigada Dry
ExcluirBjinhos
Adoro esses posts de tutoriais re, que nos servem para melhorar os nossos blogs!!
ResponderExcluirO blog está de cara nova, vem conhecer:http://tinha-que-acontecer.blogspot.com.br/
Beijão
Meu Deus Rê, agora que finalmente criei vergonha na cara e encontrei o tema perfeito pro meu blog to me deliciando nos seus tutoriais *-*
ResponderExcluirLogo 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 ^^
Sao pessoas como vc que me inspiram a continuar com o blog a cada dia...
Excluirobrigada pelo carinho Cah, sucesso pra vc lindona!!!
Bjaooo
Por que o meu não está indo??
ResponderExcluirdeve haver dois desse codigo
Excluir< 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...
AMEI, muito eficiente, vou usar no meu bloguito. Bjs
ResponderExcluirhttp://www.pinkisnotrose.com
Seu blog é lindo demais! E me ajudou muito a personalizar o meu.. pena que esse tutorial não deu certo para mim :/
ResponderExcluirMas obrigada mesmo assim!
Beijos,
o meu n deu certo :(
ResponderExcluirEi 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 )
ResponderExcluirObrigada mesmo pela sua ajuda! Beijos!
Tamara
estou usando seu templete Unisssex e não está dando!
ResponderExcluirme ajuda?
Mande seu comentário, criticas, elogios ou sugestões.
Responderei o mais rápido possível.
Um forte abraço.