15.3.15

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


3 comentários: