Como colocar assinatura com imagem no final dos posts


Oi, gente! Lá vou eu pedir desculpas mais uma vez pela demora nos posts. Realmente ando sem inspiração, portanto, se você tiver alguma sugestão deixe por comentário, email ou pela caixinha que eu coloquei na sidebar, ok?


Essas assinaturas são muito úteis, principalmente para blogs que possuem equipes. Com elas, cada autor recebe um crédito maior pela sua postagem. São muito fáceis de aplicar, mas o tutorial é diferente para cada caso, confira:

 Faça sua assinatura e hospede-a no Imageshack ou em qualquer outro site;

 Vá em Design, depois em Editar HTML e marque a caixinha "expandir modelos de widgets";

 Agora 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 mais autores postam no blog, 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 assinatura do 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 assinatura do 2º autor' style='border:0px;'/>
</b:if></div>

Faça as alterações nas partes destacadas. Depois visualize, se aparecer tudo certinho, salve. 

Alguma dúvida? Qualquer coisa é só perguntar. Beijos.


0 comentários:

Postar um comentário