Avatar do autor ao lado do post

Ora bem, o tutorial do momento não funcionou comigo.

Porquê que o trago? Porque montes de blogs o usam, e em todos os sites que encontrei, o tutorial é sempre idêntico, então parto do princípio que esteja tudo certo nele. Só não tenho qual é o problema com o meu computador, já é o segundo tutorial que não tem efeito nenhum. Enfim, como não funcionou comigo, não há muito a dizer. É totalmente reblogado do blog Blazing HTML. Ah, e caso alguém ainda não tenha lido o título, vou ensinar a colocar o avatar ao lado da postagem.

Prévia: www

Tutorial

Vá em seu html e pesquise pela tag </head>, quando achar cole acima dela o código abaixo:

<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 cole acima dessa tag:

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

 Para finalizar, procure por ]]></b:skin> e cole acima:

.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 */

border: 3px solid #ebdfe5; /*borda na imagem*/

}

É isto, espero que vos seja mais útil que a mim...