Avatar nas Postagens

E ai galera hoje eu vou ensinar a vocês como colocar avatar nas postagens bom vamos ao tutoriail.

1. Va em Editar HTML>>Expandir Modelo de Widgets e Procure por:

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

2. Agora cole acima dessa linha o seguinte codigo:

<b:if cond='data:post.author == "Seu Nome no Blogger"'>&limg src="Link do seu Avatar"/></b:if>

OBS: No lugar do "Seu Nome no Blogger" Coloque seu Nome e no Lugar do "Link do Seu Avatar" Coloque o seu Avatar

Bom você colocou seu avatar so que não ficou no lugar certo ou desejado, isso não e problema vou ensina-los agora como posicionar o avatar siga as instruções abaixo:

3. Apredendo a Posicionando o Avatar

Para Posicionar o Avatar, ou simplesmente colocal-o no lugar desejado usamos o "Margin" e "Padding"

Bom mais o que é Margin e Padding ?

Margin: Serve para delimitar as margens externas
Padding: Serve para delimitar as margens internas

Margin-top: 0px; (distância do topo)
Margin-bottom: 0px; (distância do fundo)
Margin-left: 0px; (distância da esquerda)
Margin-right: 0px; (distância da direita)

Padding-top: 0px; (distância interna do topo)
Padding-bottom: 0px; (distância interna do fundo)
Padding-left: 0px; (distância interna da esquerda)
Padding-right: 0px; (distância interna da direita)

Ou

Margin: 0px 0px 0px 0px;

Padding: 0px 0px 0px 0px;

Os dois são os mesmo so muda que um e menor e mais simplificado, Vamos ao codigo

4. Para Aplicar o Margin e Padding no codigo do avatar usamos os seguinte codigo:

style='margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px'

5. Caso você queira mudar o lado em que o avatar vai ficar usamos o seguinte codigo:

style='float: right'

Right: Direito
Left: Esquerdo

6. O Codigo Completo com tudo ficaria assim:

<b:if cond='data:post.author == "Seu Nome no Blogger"'>&limg src="Link do seu Avatar" style='margin: 0 0 0 0; padding: 0 0 0 0; float: right' /></b:if>

Comentem, Espero ter Ajudado