Avatar do autor do post ao lado do título da postagem

Oi gente, tudo bem? Estou pensando muito em não ter mais aquelas enormes introduções nas postagens, pois creio que a grande maioria dos leitores não lê. E para eu não perder muito tempo, pois agora que minhas aulas começaram, ficarei muito tempo sem postar e etc, se bem que, eu já não posto muito -q. Mas vamos ao tutorial, eu vou mostrar como colocar o avatar(imagem de perfil) do autor da postagem, ao lado do título do post.

 Imagem do meu blog pessoal, ela já está editada, você vai editar da maneira que quiser. Vamos ao tutorial!


Vá em Modelo > Editar HTML > Clique na caixa de códigos e procure por </head>, quando achar, cole acimaeste 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>

Agora procure por <b:if cond='data:post.title'>, e quando achar, cole acima:

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>

Provavelmente terá mais de um código, então cole acima dos dois.

Personalizando

 Procure por ]]></b:skin> e acima cole:

.avatar-author {
float: left; /* mude para right ou left */
width: 30px; /* mude para a largura que você quer que tenha a imagem */
height: 30px; /* mude para a altura que você quer que tenha a imagem */ }

Você pode colocar os códigos que quiser, etc e etc. Salve e pronto!

Créditos: GB