Colocar assinatura personalizada no Blogger

Que tal uma assinatura personalizada com o seu nome no final de cada postagem?

   
Para quem não sabe fazer, muitos blogueiros usam o jeito difícil na hora de assinar a postagem, que é inserindo manualmente a imagem ao final do post. Chato e cansativo, né?!

Mas vamos usar dois programas bem simples para fazer uma assinatura personalizada: 

PowerPoint e Paint, programas da Microsoft que já vêm instalados no PC.

PASSO 1: Abra o PowerPoint e escolha uma fonte para fazer o seu nome. Se preferir, pegue uma imagem na internet para compor a assinatura.

Eu escolhi uma canetinha em desenho vetor para ilustrar. Adeque a imagem às letras até ficar como lhe agradar.

PASSO 2: Agora clique em "salvar como" e escolha a opção "jpg".

PASSO 3: Feito isso, agora abra a imagem no Paint e recorte deixando uma margem em todos os lados larguinha, para quando você finalizar o post, a assinatura não aparecer muito em cima.

PASSO 4: HOSPEDANDO A IMAGEM

Depois que sua imagem estiver pronta, envie para o seu blogger, igual como quando você vai inserir uma nova imagem para um post. Após enviar a imagem, coloque-a dentro de uma postagem ou um novo post; clique em cima com o botão direito do mouse e escolha em "copiar endereço da imagem", no caso a URL. Guarde esse endereço em algum lugar.

PASSO 5: Agora vamos inserir o código no blogger para sua assinatura aparecer automaticamente na postagem.

 - No painel de controle vá até "MODELO" e escolha "Editar HTML".

 - Dê "CTRL + F" para abrir a caixa de pesquisa e procure o trecho:

<div class="post-footer">

Ele pode aparecer assim também:

<p class="post-footer">

Cole o código a seguir com o endereço/URL da imagem ACIMA dela:

<div aling="left"> <img src='ENDEREÇO-DA-ASSINATURA' style='border:0px;'/></div>

ALINHAMENTO DE IMAGEM:

Escolha aposição em que sua imagem irá ficar e troque no código acima. Nele, a imagem está alinhada a esquerda.

- div aling='left' (alinha à esquerda);

- div aling='right' (alinha à direita);

- div aling='center' (alinha ao centro).

A imagem aparecerá na página principal/Home do Blogger e nas postagens internas.

Se você quer que apareça apenas dentro da postagem, vai precisar acrescentar uma condicional:

<!-- INÍCIO DO CÓDIGO DA ASSINATURA --><b:if cond='data:blog.pageType == "item"'>CÓDIGO DA ASSINATURA AQUI!</b:if><!-- FIM DO CÓDIGO DA ASSINATURA -->

Substitua o texto pelo seu código, salve as modificações e agora você ter a sua assinatura personalizada nas postagens.

Existem sites que fazem assinatura personalizada é só buscar no Google. Assim como você pode usar outros programas para fazer sua assinatura com FireWorks e Photoshop, por exemplo. Mas usei programas fáceis de usar para a maioria.

Se alguma coisa deu errado na inserção da sua assinatura no Blogger, refaça todos os passos.

Esse código funciona apenas para um autor, se tiver mais de uma pessoa que poste no site/blog, o código é diferente.

Você pode ver nesta postagem como fazer:

"Colocar assinaturas personalizadas no blogger com mais de 1 autor"

Beijos e boa sorte!