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 == "NOME DO SEU PERFIL DO BLOGGER AKI"'> <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'
6º - 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