Tutorial Como Colocar Avatar No Template

Bom pessoal estou à um tempinho sem postar tutorial então hoje vou ensinar esse tutorial útil pra vocês :D
1º- Vá em painel doBlogger/modelo/Editar HTML, depois expandir modelos de widgets;

2º- Aperte CTRL + F e digite:
Topo do post:
<b:if cond='data:post.title'>
Rodapé do post:
<div class='rodape-post'>
3º- e Adiciona Logo Abaixo o Seguinte Codigo:
<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: float:left; Deixa o Avatar lado esquerdo
    float:right; Deixa o Avatar lado direito
   height='80'  - Significa a Altura
  width='70'  - Significa a Largura
4º- Onde Esta 5 Px Primeiro Significa tanto que você quer que o Avatar dessa
Ex:   margin:5px 0px 0px 0px'
 - Obs Onde Esta 0 Px Segundo Nao Precisa por nada deixe 0 mesmo 
Ex:   margin:5px 0px 0px px' 
7º - Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deixe 0 mesmo 
                                                          Ex:    margin:5px 0px 0px 0px'
8º - Obs Onde Esta 10 Px Quarto Significa Tanto Que Você Quer Que o Avatar vá Pro Lado 
                                                          Ex:    margin:5px 0px 0px 10px'

Pra colocar no rodapé do post  você procura por  <div class='rodape-post'> e faz a mesma coisa.

Postar um comentário