Imagem dos autores ao lado do título dos posts

Boa tarde, pessoal. Hoje estava com uma falta de criatividade. Então resolvi resgatar uma postagem d meu antigo blog. Teve uma época que todos estavam atras desse tutorial e eu tive que fazer. Esse é o primeiro de muitos tutoriais que quero trazer aqui para o blog. Espero que estendam, e se não entenderem comentem, por favor. Vamos ao tutorial?

Vá no sei código e procure por isso: <a expr:name='data:post.id'/> Note que você vai encontrar dois códigos iguais. O que nos interessa é o segundo. Cole abaixo dele o seguinte código:

<b:if cond='data:post.author == "PRIMEIRO AUTOR"'>
<span class="author"><img src="URL DA IMAGEM DO PRIMEIRO AUTOR"/></span>
</b:if>
<b:if cond='data:post.author == "SEGUNDO AUTOR"'>
<span class="author"><img src="URL DA IMAGEM DO SEGUNDO AUTOR"/></span>
</b:if>

Não esqueça de um detalhe: Quando colocar o nome do autor no seu devido lugar, ele tem que estar exatamente como o do blogger. Caso o contrario, o código não funcionará. Se tiver mais postadores no seu blog é só repetir o código.

Agora acima disso: ]]</b:skin> Cole o seguinte código:

.author img{

padding: 0; 

float: left; 

border: none; 

margin-left: -10px; 

margin-top: -10px;}

Se você quer colocar a imagem na direita troque left por right. Os valores do margin você mudará de acordo com a posição da sua imagem. Tentei colocar um hover ou algum efeito, mas não consegui. Tentarei de novo e se conseguir volto aqui.

Acho que consegui deixar tudo bem claro, mas se ainda estiverem com dúvida comentem. Espero que tenham gostado. Créditos a esse blog por algumas dúvidas que eu tinha. Se fizer o tutorial não esqueça de colocar os créditos, ok? Não reblogue sem minha permissão.