Bíblia no Computador

27 abril 2011

Adicione um avatar ao lado dos títulos dos posts



Questionaram-me sobre como adicionar um avatar (uma imagem) ao lado dos títulos de posts, assim como em André Felipe.net. Neste guia, mostro como é simples.:)
  • Edite a imagem que deseja utilizar. Deixe-a nas proporções adequadas e a hospede, por exemplo, no ImageShack;
  • Abra o painel do Blogger e clique em Layout — HTML;
  • Marque a opção Expandir modelos de widgets;
  • Procure a linha <b:if cond='data:post.title'>;
  • Acima dela, digite, após substituir as partes em negrito pelos valores correspondentes a sua figura:<img src="endereço da imagem" width="largura" height="altura" alt="Avatar" style="float:left;margin:0 5px 5px 0" />
Salve o código e abra qualquer texto seu. Verá sua representação gráfica em todo o esplendor.8-D

Imagens diferentes para cada autor

Se você tiver um blog com mais autores, poderá adicionar um avatar diferente para um. Assim, os leitores identificarão rapidamente quem escreveu cada post.;) Basta adicionar um código extra por volta da imagem, como neste exemplo, que mostra uma figura específica para as publicações de João":
<b:if cond='data:post.author == "João"'><img src='http://www.example.net/joao.gif' height='50' width='60' alt='Avatar'/></b:if>fonte: http://www.andrefelipe.net/2009/07/adicionar-avatar-titulos-posts-blogger.html
Related Posts Plugin for WordPress, Blogger...

TV Novo Tempo em Campo Grande

TV Novo Tempo em Campo Grande
Canal 41