quinta-feira, 22 de setembro de 2011

Avatar

Avatar nas postagens

esse tutorial vou ensinar como Colocar Avatar ao lado das postagens e cada Autor ( membro da equipe ) ter seu próprio avatar.

Edite a imagem que deseja utilizar. Deixe-a nas proporções adequadas e a hospede, por exemplo, no ImageShack.
Abra o painel do Blogger e clique em DESIGN > EDITAR HTML.
Marque a opção "Expandir modelos de widgets".

Procure a linha
<b:if cond='data:post.title>


acima desse linha , cole o código abaixo editando conforme os dados do seu avatar:

pronto só salvar e ver seu avatar nas postagens...
<img src="endereço da imagem" width="largura" height="altura" alt="Avatar" style="float:left;margin:0 5px 5px 0" />
agora vou ensinar como colocar pra cada autor ter seu próprio avatar.
<b:if cond='data:post.author == "Felipe"'><img src="AQUI O LINK DO AVATAR"/></b:if>
a cada autor seu próprio avatar, vamos utilizar o código abaixo:
no Lugar de "Felipe" coloque seu nome ( O nome de exibição do seu blogger... aquele nome que você colocou em seu perfil )
para ajustar o avatar no lugar certo exemplo
<b:if cond='data:post.author == By Felipe'><img src='http://4.bp.blogspot.com/-5kUKvEv5KEM/Tgeg-OJQkUI/AAAAAAAAAKI/f3T-FQ4BUuw/s1600/felipe.png' style='float:left;margin-top:0px; margin-left: -01px;'/></b:if>
e so modificar a margin.
pra adicionar mais de 1 autor copie o código novamente e cole a baixo do primeiro autor , trocando o link do avatar e o nome de exibição.

Nenhum comentário:

Postar um comentário