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 Margin4° Obs Onde Esta 5 Px Primeiro Siginifica Tanto Que Vc Quer Que o Avatar Dessa \/
 1° - margin:5px 0px 0px 0px'5° Obs Onde Esta 0 Px Segundo Nao Precisa por nada deiche 0 msm 
 2° - margin:5px 0px 0px px' 6° Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deiche 0 msm  
 3° - margin:5px 0px 0px 0px' 7° Obs Onde Esta 10 Px Quarto Significa Tanto Que Vc Quer Que o Avatar vá Pro Lado >> 
 4° - margin:5px 0px 0px 10px'

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

BY:kaliel ADM

GOSTOU COMENTE: