Tutorial - Mudando ''postado por'' por uma imagem

Oiee meus amores *-*

Então como está no título vim ensinar a vocês como por nas postagens no lugar de aparecer o nome de quem postou vai aparecer uma imagem. Me desculpe pela demora eu sei que a seculos vocês me pedem esse tutor se não fosse pela Bunny nem ia lembrar (obrigada \o).

Vamos ao tutor... só irem em leia mais.

1. Primeiro vocês vão precisar de uma imagem, se for fazer igual a do blog o ideal é uma do mesmo tamanho que a área da postagem. Vou disponibilizar algumas e dai vocês veem onde é o melhor lugar para por o nome. (fiz os dois primeiros quase do mesmo tamanho da do blog mas veem ai o tamanho da sua postagem por que se não a assinatura vai ficar um pouco pra fora).

2. Agora vá em, Modelo -> Editar HTML e procure por:

<div class='post-footer'>

O primeiro que aparecer cole abaixo esse código:

<b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>

E onde ta escrito ''link da imagem'' cole o link da imagem da sua assinatura, e onde ta escrito ''nome do autor'' você vai colocar o mesmo nome do autor (por exemplo: se estiver assim =^Thays^= você deve por assim). Caso você queira por para todos que postam em seu blog só repetir o link e colocando os nomes dos autores, ficando assim:

<b:if cond='data:post.author == &quot;NOME DO AUTOR1&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;NOME DO AUTOR2&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;NOME DO AUTOR3&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>

Aaah e caso você ou outro postador de seu blog alterar o nome no blogger a assinatura irá sumir a não ser que você vá e altere também o nome no HTML, certinho?

3. Agora temos que tirar o ''postado por'' caso você queira deixar não tem problema é só parar no passo 2.

Vá em modelo -> Editar HTML e procure por:

<span class='post-author vcard'><b:if cond='data:top.showAuthor'><data:top.authorLabel/><span class='fn'><data:post.author/></span></b:if></span>

Visualize e ver se está tudo certinho e pronto. \o

Obs.: Testei em dois blogs e só funcionou em um, não sei o por que mas pode ser que não der certo em seu blog pois cada um tem HTML diferentes =/
Aaah e outra coisa a sua assinatura irá ficar do lado esquerdo da postagem e não sei se o tamanho da imagem influencia pois lembro que quando os marcadores e os comentários eram embaixo da postagem e dai usei uma imagem menor que a da área (igual a 3 e 4 que disponibilizei ai em cima) ficaram tudo do lado e não embaixo certinho, mas caso você for usar uma imagem menor só trocar os comentário e os marcadores/tags embaixo do título da postagem, certinho? ^^

É isso amores, ta ai o tão esperado tutorial kkk e o próximo vai ser o do cabeçalho animado igual a do blog do lay anterior, espero que tenha explicado tudo direitinho e qualquer coisa só comentar, ok? E me desculpe também pelas imagens tava meio sem criatividade rs.

Bjinhos :**