Como Criar Sua Própria Assinatura Personalizada Para Blogger

Sabe aqueles blogs que tem assinatura personalizada super sofisticadas, mas precisam de designer e gastam uma fortuna, bom hoje estou aqui para ajudar-los a fazer tudo isso GRATUITAMENTE. Vamos lá?

Salve em seu computador a imagem abaixo. Pode acreditar ela está ai só que está invisível, já que será nossa base transparente (png). OBS: Se a imagem não estiver abaixo clique aqui, mas provavelmente ela estará.

Agora abra o Pixrl, que é o editor que vamos usar, mas você pode usar oque preferir. Ao abrir o Pixrl você verá essa página:

Ao rolar para baixo achará esta aba, assim clique em Launch Web App

Vai abrir então a área de edição de imagens. Esta:

Clique em abrir imagem do computador. Encontre a base transparente que baixou e clique em Abrir. Agora já temos a base para criar a assinatura.

Do seu lado esquerdo terá um menu assim

Para escrever clique na letra A, no menu. Vai abrir uma caixa para você inserir seu texto que no caso é sua assinatura. Assim:

Faça suas modificações à seu gosto, depois apenas clique em Ok. Para ajustar o tamanho da base transparente ao tamanho de sua assinatura clique em Imagem (no alto da tela) e a seguir em Tamanho da Imagem. Ajuste como desejar

Agora vamos salvar sua assinatura para depois aprender como inserir no blog. Com a assinatura pronta clique em Arquivo. A seguir clique em Salvar. Vai abrir a janela com sua assinatura. Assim:

1ª ETAPA PROTA!!

Obs: antes de começar a 2ª ETAPA é preciso hospedar a imagem em algum site ou programa de sua escolha, eu gosto do Photos, do próprio Google. Depois de hospedar pege o endereço URL DA IMAGEM.

Inserindo no Blog

Estando logado acesse a aba Modelo. A seguir clique em Editar html


Agora clique dentro da caixa de código e na barra de busca que abrir cole isso:

<data:post.body/>

Você vai encontrar provavelmente 2 ocorrências dessa tag. Terá que experimentar, mas em geral o que estamos procurando é a segunda ocorrência, ok?
Imediatamente abaixo dela insira este código, já devidamente alterado com o endereço de sua assinatura.

<div align='center'>

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

Em center é o posicionamento da assinatura, sendo que:

• center: centralizada 

• left: à esquerda 

• right: à direita 

Em ENDEREÇO DA ASSINATURA é onde você coloca o endereço de sua assinatura. Não apague as aspas, tá? A seguir clique em Visualizar e se tudo deu certo clique em Salvar modelo.
Sua assinatura aparecerá em todas as postagens, antigas e atuais. Caso queira retirar futuramente basta apagar o código que contém a assinatura.

Espero que tenha ajudado

.