![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
Já mostrei aqui como ter um blog com vários autores e como colocar uma imagem ao lado dos títulos dos artigos. Então, descobri que é possível que apareça a foto do autor específico daquele artigo ao lado do título, ou seja, a imagem muda de acordo com quem está postando. Isso é bem útil para ajudar a identificar os autores, não só pelos nomes.
Da mesma forma que vc coloca uma imagem ao lado do título, vc colocará as fotos, mas criará uma condição para elas aparecerem, que será baseada no nome do autor que estiver publicando. Recomendo, então, ler o artigo sobre imagens ao lado do título e depois prosseguir aqui.
Obs.: Vale lembrar que, sempre que quiser modificar alguma coisa em seu modelo, faça um Backup de segurança.
1. Encontre as linhas no seu código:
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
2. Abaixo da linha destacada em vermelho, cole o seguinte código com as devidas modificações que explico a seguir:
<b:if cond='data:post.author == "AUTOR1"'>
<span class="author"><img src="URL DA IMAGEM DO AUTOR1"/></span>
</b:if>
<b:if cond='data:post.author == "AUTOR2"'>
<span class="author"><img src="URL DA IMAGEM DO AUTOR2"/></span>
</b:if>
Note bem: “AUTOR1” e “AUTOR2” são os nomes de quem publica e tem que ser escrito exatamente como aparece no blog onde fica escrito o nome do autor.
Se tiver mais de dois autores, basta repetir as linhas. Mas ainda não acabou.
3. Encontre a linha:
]]</b:skin>
E, ANTES dela copie o código:
.author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;}
Agora sim. Salve o modelo e veja o resultado.
Amei esse tutorial!!! Excelente para blogs coletivos. Vou favoritar porque sei que ainda vou precisar dele.
à tempos eu tinha visto esta diga,mais só agora reparei como é bacana…
apesar de estar sem mimha coloboradora favorita…
caiu sob medida para meu blog …grato a vc e o linkduzão que tem esse tutorial….
não tem como ser automatico? ja que o blogger tem o perfil da pessoa e ja tem a foto dela la… tipo se usuario igual a $usuario (?!) , foto = $foto
?
Pracy,
Se vc sabe criar variáveis, então tenta aí e conta pra gente como pode ser feito…
Acima é a forma mais direta e simples de fazer. Se vc descobrir outra, nos informe e colocamos aqui.
olha ate a parte te colocar a foto deu certo
mas depois na hora de colocar o formato da foto
deu erro
dai coloquei uma imagem menor e fico do jeito que queria…
muito bom a tempos queria fazer isso
Muito Bom vc e demais
By http://www.Baixe VipDown.Tk
Não Fucionou Não eu Coloquei não deu erro mais depois
eu entre com otra conta de teste ne que eu tinha
mandado o convite para ele ai eu entrei publiquei mais
so que não amostro foto nenhuma
Groogle,
verifique se vc escreveu o nome de cada um dos autores corretamente e criou as imagens conforme e se o link delas está correto.
Reveja as etapas do processo…
Não sei o que houve… segui passo à passo o tuto, não deu erro, mas também nada de foto… Já revi e refiz o caminho mil vezes, tá tudo certinho, mas nada de foto.
Ok, seguindo a sugestão do Bruno Rocks, diminuí o tamanho da imagem. Deu certo!
Dea,
pode ser que o problema esteja na URL das Imagens.
Ótimo,
bom saber que o problema era apenas o tamanho das imagens.
Obrigada, Marcos. Revendo meu template, percebi algo estranho… o nome do autor não aparece no post. Sem querer ser “bicona”, mas já sendo, como eu poderia “consertar” isso?
Dea,
vc terá que procurar quem criou o seu template, mas acho q esse artigo aqui pode te indicar o caminho:
https://ferramentasblog.com/2009/04/link-no-nome-do-autor-do-blog.html
Dá uma lida e vê se consegue.
Valeu cara! Ficou muito legal o blog agora!! Abraço.
Show! Já coloquei no blog e parece que deu certo. Não tenho certeza porque ainda não coloquei os outros autores, estou arrumando a casa pra eles chegarem e postarem haha
Obrigada pela dica!
Até
rapaz…deu certo…eu axo que sei o que foi..
é que quando eu fui fazer isso, eu só tentei com um autor…depois eu fui tentar com dois….tipo, eu só coloquei pra um autor só
quando fiz pra dois…aé funfou, deve ter sido isso…mais vlw aé pela postagem
Muito boa a dica, funciona perfeitamente. Quem não conseguir instalar no blog, veja se colocou o ponto e vírgula ( ; ) depois da chave ( } ) no css, pode ser isso. Só achei que fica melhor colocar o código logo após a linha div class=’post-footer-line post-footer-line-1′ pois faz com que a imagem se alinhe com o nome da pessoa que postou. Fora isso, fica show de bola. Obrigado pela dica!
Cara, muito obrigado mesmo, de coração. Isso solucionou um grande problema. Obrigado 😉
nao comsegui nao acho a linha vermelha no blogger D;