sexta-feira, 29 de novembro de 2013

Tutorial -Como Colocar Assinatura no Blogspot


                                                  Creditos : jovens Meninas
                                                         
Você já viu como Colocar Assinatura no Blogspot
 para apenas um autor, agora vamos aprender como incluir no final de cada postagem uma assinatura automática do autor personalizada em forma de imagem.
Lembrando que este recurso pode ser usado em blogs que possuem um único autor, ou em blogs que possuem vários autores. 



Você pode criar sua assinatura usando o Photoshop ou outros programas editores de imagens, mas se preferir, poderá usar Geradores online como My Live Signature

Então... sigam os passos abaixo:

  • Faça sua imagem de assinatura como preferir, depois de pronta vamos inclui-la no final das postagens no blog:

 - Vá em:
Design >> Editar HTML (Antiga interface);
Modelo >> Editar HTML >> Prosseguir (Nova interface);

 -  Marque a Caixinha 'Expandir Modelos Widgets'

 - Agora procure (use Ctrl + F) por:
<div class='post-footer'>
Dependendo de seu modelo de template, a linha acima pode estar da seguinte maneira:
<p class='post-footer'>
 - E cole o código da sua assinatura logo ACIMA dela:

<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>

  • Onde está   ENDEREÇO-DA-IMAGEM-ASSINATURA-AUTOR1 coloque o URL da imagem que irá usar para o AUTOR1;
  • Onde está   ENDEREÇO-DA-IMAGEM-ASSINATURA-AUTOR2 coloque o URL da imagem que irá usar para o AUTOR2;

5º Caso queira alinhar a imagem á esquerda, á direita ou ao centro, você deverá acrescentar uma "div" de alinhamento. Vejamos:

div align='left' -> alinha à esquerda.
div align='right' --> alinha à direita.
div align='center' --> alinha ao centro.

Então você deverá escolher qual o alinhamento que deseja (left,right ou center) e incluir no código abaixo (no local onde estão os "xxxx" ):

<div align='xxxx'>
<---código da imagem aqui--->
</div>



D  I  C  A  :
Se você quiser que imagem da assinatura apareça apenas na página interna (área do seu artigo), você deverá acrescentar uma condicional para oculta-la na home. Veja como fica:

<div align='xxxx'><b:if cond='data:blog.pageType == "item"'><---código da imagem aqui---> <---código da imagem aqui---> </b:if> </div>

  • Se você tiver número maior que 2 autores, você pode repetir o bloco de código, para cada autor que quiser adicionar. Notem que separei o código referente a cada autor, em cores diferentes para facilitar.

Nenhum comentário:

Postar um comentário