EDITANDO O LAYOUT: COMO COLOCAR ASSINATURA COM IMAGEM NA POSTAGEM

Hello guys outra dica para seu layout, hoje vim compartilhar com vocês algo que eu acho muito importante para o blog, que são as assinaturas do autor com imagem, elas são muito importantes para o blog, principalmente se possui colaboradoras, pois assim cada uma recebe o crédito da sua postagem, ficando tudo mais fácil e muito mais profissional não e verdade.

Então vamos começar:

No photoscape produza uma assinatura com fundo transparente em png e hospede-a em algum site de hospedagem gratuito, eu uso o TinyPic.

Agora va no HTML do seu blog dê Ctrl+F e procure por:

<div class='post-footer'>

Se for só você que posta no blog, cole logo acima dele o seguinte código:

<div align='right'>
<img src='URL DA IMAGEM' style='border:0px;'/></div>


Coloque a url da sua imagem na parte destacada do código. Depois visualize, se aparecer tudo certinho, salve.

Se seu blog possui colaboradores, o código é esse:

<div align='right'><b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR1&quot;'>
<img src='URL da imagem 1º autor' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR2&quot;'>
<img src='URL da imagem 2º autor' style='border:0px;'/>
</b:if></div>

Obs: o Nome do Autor tem que ser escrito exatamente igualzinho como estar na Opção Autor no seu Blog. Exemplo:

Meu nome no Blog esta: Juliana Margarida
Se colocar no código: juliana margarida

*Pode da algum erro! Por isso preste atenção!

*Substitua os links. Depois visualize, se aparecer tudo certo, salve.

Bem, espero que isso ajude a manter seu blog mais Organizado e visível, tenho varias dicas destas para vocês espero que gostem deste tipo de post, pois estou em tempo de provas e sem tempo para resenhar ou tirar foto me perdoem só mais duas semanas na correria depois eu volto .