Tutorial - Sistema de Avatar no Blogger

1° Primeiro Vai Em Editar HTML e Clica em
 Expandir Modelos de Widgets....

2° Vc Procura com CTRL+F Por:

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

 
3° e Adiciona Logo Abaixo o Seguinte Codigo:

CÓDICO

 
<b:if cond='data:post.author == &quot;NOME DO SEU PERFIL DO BLOGGER AKI&quot;'><img alt='Avatar' height='80' src='URL DO SEU AVATAR AKI' style='float:right;margin:5px 0px 0px 10px' width='70'/>                                                                      </b:if> 

OBs:

 1° - float:left; Deicha o Avatar Lado Esquerdo << 
2° - float:right; Deicha o Avatar Lado Direito >>
3° - height='80'  - Significa a Autura    
4° - width='70'  - Significa a Largura

Agora Vamos Para Margin

Obs Onde Esta 5 Px Primeiro Siginifica Tanto Que Vc Quer Que o Avatar Dessa \/ - margin:5px 0px 0px 0px' Obs Onde Esta 0 Px Segundo Nao Precisa por nada deiche 0 msm  - margin:5px 0px 0px px'  Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deiche 0 msm   - margin:5px 0px 0px 0px' 

Obs Onde Esta 10 Px Quarto Significa Tanto Que Vc Quer Que o Avatar vá Pro Lado >>  - margin:5px 0px 0px 10px'

Para colocar no rodapé do post  você procura por  <div class='rodape-post'>   e faz os mesmos procedimentos

Posted in: Tutoriais