Acredito que você já deve ter observado em alguns blogs que a foto do autor aparece ao lado titulo das postagens, como aqui no Guia Blogger. O avatar ao lado do titulo das postagens ajuda as pessoas a identificar facilmente o escritor do post. Além disso, se você tiver vários colaboradores no seu blog, ele vai ajudar os leitores distinguir os diferentes escritores.
 
Veja o exemplo:
Mostrar avatar do autor ao lado do título da postagem
Saiba que, adicionar seu avatar ao lado dos títulos das postagens dá um toque mais pessoal ao seu blog. Indica que um ser humano real está trabalhando por trás do blog.
 
Então, vamos adicionar este belo complemento para seu blog Blogger e tornar a coisa ainda mais sucinta.

E, claro, o avatar é totalmente automatizado.

A grande questão é: Como mostrar o avatar do autor ao lado do titulo das postagens?

São apenas três passos simples.
 
Primeiro passo:  Acesse o menu “modelo >> Editar HTML >>  e procure por: ]]></b:skin>

Adicione o código abaixo antes de:  ]]></b:skin>
.avatar-author{float:left;margin-right:10px;border:0;border-radius:50%;padding:0;width:30px;height:30px}
Segundo passo:  Encontre o seguinte código: </head>

Adicione antes do código encontrado o seguinte código:
<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>
Terceiro passo: Procure pelo seguinte código:  <b:if cond='data:post.title'>

Antes do código acima cole o seguinte código:
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
Clique em salvar modelo e está feito.

5 Comentários

Os comentários deste blog são todos moderados, ou seja, eles são lidos por nós antes de serem publicados.

Não serão aprovados comentários:

1. Não relacionados ao tema do artigo;
2. Com pedidos de parceria;
3. Com propagandas (spam);
4. Com link para divulgar seu blog;
5. Com palavrões ou ofensas a quem quer que seja.

ATENÇÃO: Comentários com links serão excluídos!

  1. Muito legal esta dica, principalmente para blogues com muitos autores, assim fica muito mais fácil de identificar mesmo.

    ResponderExcluir
  2. uns códigos ficaram cortados ai amigo, não dá para usar

    ResponderExcluir
  3. E como faço para colocar ao lado do nome do autor?

    ResponderExcluir

Postar um comentário

Os comentários deste blog são todos moderados, ou seja, eles são lidos por nós antes de serem publicados.

Não serão aprovados comentários:

1. Não relacionados ao tema do artigo;
2. Com pedidos de parceria;
3. Com propagandas (spam);
4. Com link para divulgar seu blog;
5. Com palavrões ou ofensas a quem quer que seja.

ATENÇÃO: Comentários com links serão excluídos!

Postagem Anterior Próxima Postagem