12 de jul. de 2012

Sistema de Avatares nas Postagens - Com vídeo

Vou ensinar como por avatares para cada autor nas postagens, lembrando que sempre é bom ter todo um backup do seu template caso ocorra algum problema.

Caso tenha alguma dúvida assista ao vídeo:



1 ~ Faça uma imagem de acordo com o tamanho da área do título de postagem do seu blog;
EX:
http://rocketdock.com/images/screenshots/Avatar_9_256x256x32.png


2 ~ Vá em "Design" >> "Editar Html" >> "Expandir modelos de widgets";
Procure por <b:if cond='data:post.title'> Logo acima coloque o seguinte código:

<b:if cond='data:post.author == "NOMEDOAUTOR"'><img src='IMGDOAVATAR' height='50' width='60' alt='Avatar' style='float:left; margin: 0px 0px 0px 0px'/></b:if>

3 ~ Edite:
NOMEDOAUTOR - Coloque o nick (nome) resgistrado na conta do blogger;
IMGDOAVATAR - Coloque a url da imagem do autor;
height='50' width='60' -  Edite para o tamanho de imagem que você fez;
float: left - Avatar do lado esquerdo, se quiser usar o avatar do lado direito coloque "right"
margin: - Posicionar avatar;

Obs: Para adicionar mais avatares basta repetir o passo 2 e ir colocando.