Assinatura na postagem

Vocês já devem ter notado (lógico) que toda postagem do DSM vem com minha assinatura abaixo. A pedido da blogueira Jaquellinee do blog Just So You Know, hoje venho com mais um tutorial, dessa vez de como fazer uma assinatura para o seu blog. O que até veio a calhar, eu queria mesmo dar uma atualizada na minha assinatura.
Se tudo der certo, ela vai aparecer no seu formulário de postagem toda vez que você for escrever. Então siga os passos com muita atenção, é bem fácil...

1º passo - Fazendo a imagem:

Antes de tudo, você precisa ter a sua imagem. Você pode fazê-la em qualquer programa de edição de imagens ou em sites de edição online. Fica ao seu gosto!!!
Eu recomendo que ela tenha o fundo da cor do fundo das postagens do seu blog (fica mais fácil para hospedar). Se não for possível, faça com o fundo transparente. Para minha nova assinatura, fiz essa imagem:

Pra fazè-la usei somente o Gimp. Para tanto, escaneei minha assinatura original (que uso em desenhos, não em documentos) e fiz os efeitos lá (esse efeito está em Filtros> Alfa para logo> Básico II). Também colei uma borboleta no canto.
Mas você pode fazer com uma fonte e o desenho da sua escolha, fica ao seu critério!!!

2º Passo - Hospedar a imagem:

Hospede sua imagem no lugar a sua escolha. Você pode hospedar até aqui no Blogger mesmo, a menos que ela seja um Gif animado (gifs não funcionam no Picasa). O importante é que você consiga um endereço da imagem, por exemplo, o da minha é: https://sites.google.com/site/docesonhodemenina/AssinaturaDSM.png
Para hospedar no Blogger é só inserir uma imagem na postagem normalmente, depois clique em HTML. Vai ter um código mais ou menos assim:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://sites.google.com/site/docesonhodemenina/AssinaturaDSM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://sites.google.com/site/docesonhodemenina/AssinaturaDSM.png" /></a></div>
O que está em vermelho é o endereço da sua imagem (aparece duas vezes). Se você usa o Firefox é só fazer o upload da imagem em qualquer lugar, clicar com o botão direito na imagem e clicar em "Copiar endereço da imagem". Também veja aqui outras formas de hospedar sua imagem.

3º Passo - Colocar o código:

Copie o seguinte código (incluindo "texto aqui", não esqueça!):

texto aqui
<br />
<div style="text-align: right;">
Beijos,</div>
<div class="separator" style="clear: both; text-align: right;">
<img border="0" src="URL_DA_IMAGEM" /></div>

Repare que eu destaquei três trechos. O primeiro indica o alinhamento da sua assinatura. Coloque right se você quer que fique na direita, center se for no centro ou left na esquerda.
O segundo é o texto que vai estar antes da imagem da assinatura e o terceiro é onde você vai colocar a url da sua imagem. O meu código ficou assim (observe):

texto aqui
<br />
<div style="text-align: right;">
Mil Sweetkisses,</div>
<div class="separator" style="clear: both; text-align: right;">
<img border="0" src="https://sites.google.com/site/docesonhodemenina/AssinaturaDSM.png" /></div>

Só que no meu caso eu também mudei a cor e o tamanho da fonte, mas isso são outros quinhentos...
Agora vá em Configurações > Postagens e Comentários e cole o código em "Modelo de postagem", que é o segundo item. Se tudo estiver OK com o código, clique em "Salvar Configurações".

4º Passo - Verificando o código:

Agora que você já colocou o código, comece uma nova postagem. Se tudo der certo, seu formulário vai estar mais ou menos assim:

E então é só escrever normalmente no lugar de "texto aqui". Toda vez que você abrir o formulário de nova postagem, sua assinatura estará lá.

Mil Sweetkisses,