Avatar do autor na mesma linha do post footer

Gentee saiu o Pokémon Go pensa que emossaum (♡･ㅂ･)و ̑̑  hahaha comecei nem dando boa noite ou olá até porque essa notícia é muito mais especial né?  Eu já tinha ele instalado no meu celular mas não podia jogar porque o server não estava disponível para o nosso país ainda. Quando fui no google play só pediu uma atualização pois a versão que eu tinha já estava atrasada, então agora é só recuperar o tempo perdido. Será que vai dar certo? Eu andando na rua que nem louca e começo a tropeçar nas coisas ೕ(˃̵ᴗ˂̵)

Vamos ver no que isso vai dar hahahaha Pois fui levar o lixo na rua só para poder ver se tinha algum pokémon dando sopa, e não é que tinha? Tinha dois, mas a chuva e meu roupão me impediram de sair que nem uma retardada caçar eles haha Além do mais acabei molhando meus pés e a meia por baixo da sola, eu estava com meu chinelo de pelos então pensem na cena ahsuahsuahsuahs Ai ai, acho que a solução é caçá-los na faculdade mesmo, garanto que por lá terão um monte espalhados pois o lugar é enorme (^3^)

O tutorial de hoje foi inspirado pelo o meu próprio modelo de autor, lembro que antigamente era difícil eu postar efeitos e materiais que eu usava nos layouts, mas não tem nada a ver fazer isso então vou postar sim e se quiserem me perguntar ou pedir outras coisas deste layout eu irei fazer também ok? Primeiramente eu queria dizer que como fiz esse tutorial usando os meus próprios códigos, sugiro que o post footer de vocês estejam igual, caso estiver com duas linhas o avatar do autor irá ficar desalinhado ok? Então, se quiserem deixar o post footer igual ao daqui, usem o tutorial da nossa maravilhosa Mack. Certo?

Vá até o seu modelo clique em editar modelo e editar html, dentro dê um Ctrl f e procure por:   <div class='post-footer'> provavelmente abaixo dele estará este código <div class='post-footer-line post-footer-line-1'> que é o código do post footer, abaixo dele vocês irão por este código:

<b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/>
</span></b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAEGEM'/></span>
</b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/></span>
</b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/></span>
</b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/></span>
</b:if>

Coloquei mais de um autor caso queira mais postadores no seu blog, salve e  agora procure por este código: ]]></b:skin> e acima dele cole o código abaixo:

/*-Efeito nos autores de posts por gnmh*/
.author img{
widht:TAMANHOpx;
height:TAMANHOpx;
padding: 3px;
float: right;
margin-right: -52px;
margin-top:-16px;
opacity: 1.0;
background: #COR;
border: solid 1px #COR;
-webkit-transition-duration: .80s;
}
.author img:hover {
opacity: 0.7;
background:#COR;
border: 1px solid #COR;
-webkit-transition-duration: .80s;
}

Não se esqueça que o nome do autor tem que estar exatamente como está no seu perfil, se seu nome conter símbolos espaços coloque exatamente como ele está mesmo se conter vários caracteres certo? Nos códigos do autor você pode editar o tamanho do avatar, as cores do fundo e por vários efeitos, vai da sua imaginação, ali nos códigos eu coloquei o avatar no lado direito, mas você pode mudar e por ele no lado esquerdo ok? Salvem e vejam se está tudo certinho, qualquer dúvida peçam na ask que irei ajudar ok?