21/09/2011

Colocando assinaturas personalizadas para cada autor


Oi lindos(as) eu disse que nessa semana o tutorial seria com HTML, pois bem, cá estou eu, pois promessa é divida e tem que ser cumprida... hoje o tutorial é para ensinar a colocar assinatura do autor no final do poster e com imagem, aqui mesmo no blog nós usamos, é muito útil para blogs que possuem equipes, assim como no Little Girl Magic, como vocês, é claro já devem ter notado não é mesmo?, bom, chega de enrolação e vamos ao tutorial:

Primeiramente você tem que fazer as assinaturas para cada autor, se os autores que participam do seu blog já possuem uma, melhor ainda, menos trabalho, só hospede ela em um site, como por exemplo esse aqui que eu uso: Imageshack

Veja um exemplo de assinatura

Imagem hospedada e link prontinho? Creio que sim 
Agora clique em Design Editar HTML 
Clique em Expandir modelos de widgets

Ctrl+F e procure por:

<div class='post-footer'

Se você não achar com esse código, então utilize esse:

<p class='post-footer'>

Código encontrado, agora cole esses códigos dependendo de quantas pessoas postam no seu blog:

Apenas Você:

<img src='ENDEREÇO-DA-IMAGEM-ASSINATURA' style='border:0px;'/>

Mais de um autor:

<b:if cond='data:post.author == &quot;AUTOR1&quot;'> <img src='ENDEREÇO-DA-IMAGEM-ASSINATURA-AUTOR1' style='border:0px;'/> </b:if> <b:if cond='data:post.author == &quot;AUTOR2&quot;'> <img src='ENDEREÇO-DA-IMAGEM-ASSINATURA-AUTOR2' style='border:0px;'/> </b:if>

As assinaturas irão aparecer assim:


Atenção: Se seu blog tem mais de 2 autores então é só você copiar e colar qualquer um dos códigos novamente e repetir o mesmo processo dos outros dois, não se esqueça de mudar os textos em Preto e Verde pelos nomes e links das assinaturas de cada autor, o nome você deve colocar o que está no perfil do autor ou o tutorial não dará certo

Aprendi esse tutorial no Mundo Blogger e os códigos também são de lá, SOU CONTRA O PLÁGIO, por isso dou os créditos.

Um comentário:

  1. Alana, entre aqui e divulgue o nosso concurso:

    http://asesmaltados.blogspot.com/2011/09/concurso-divulga-meu-blog.html



    http://asesmaltados.blogspot.com/

    ResponderExcluir