Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

22/10/2011

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,
10 Comentários
Comentários

10 comentários:

  1. aaa que legal! Amei o tuto.
    Beeeijos ;*
    http://diamontlilac-news.blogspot.com/ - Comenta??

    ResponderExcluir
  2. muito boa sua dica!
    sou totalmente leiga nessas coisa e sofro bastante com o blog, apesar de ser simples!

    bjos

    http://floresmaquiadas.blogspot.com/

    ResponderExcluir
  3. Olá, querida! Adorei o seu cantinho... muito lindo. Adorei o tutorial! Já to seguindo!
    Aproveito p te convidar a conhecer o meu blog de variedades e participar do meu 1º sorteio (1 brinde surpresa By LuciArte + DVDs) . Passa lá pra dar uma força, ta bom? Agradeço muito! O espaço p divulgação dos blogs das amigas está aberto, caso queira, é so me avisar!
    Bjinhos!!

    http://voudeblog.blogspot.com/2011/10/1-sorteio-vou-de-blog.html

    ResponderExcluir
  4. valeu flor! legal! curti o poste :)
    http://enodiadebk.blogspot.com/

    ResponderExcluir
  5. É verdade, mto nojento ne dinheiro é mto sujo.
    Adorei a fica, preciso ter tempo pra fazer uma tb rs
    Bom sabadão
    by: Veve Pink
    http://portal-pattys.blogspot.com

    ResponderExcluir
  6. Tinha tb essa duvida.Se eu conseguir eu faço .

    ResponderExcluir
  7. Oi Sheila!
    A idéia das assinaturas é uma boa..só é preciso tomar cuidado para não ter uma imagem muito grande senão o blog vai ficando mais pesado..tem gente q coloca tantas coisas no blog que eu nem consigo acessar @_@.
    Opa já to indo pegar seu banner pra colocar no meu então! Parceria fechada =) Eu peguei um dos pequenos para dar certo no menu lateral do meu blog blz?
    Bom normalmente crianças mal-educadas são assimp or conta dos pais que não sabem educar ou que dão maus exemplos..mas há casos que a criança é ruim desde pequena rs.
    bjs!

    http://www.empadinhafrita.blogspot.com

    ResponderExcluir
  8. Oi to seguindo seu blog de também amei ele você parceria e afiliação??

    http://mudandodetema.blogspot.com

    ResponderExcluir
  9. Sheila eu não consegui arrumar a assinatura,você pode me ajudar?
    Sou do blog Magic Gloss.

    ResponderExcluir
  10. Quero colocar isso para identificar os membros da equipe do blog, mas não estou achando um tutorial para isso. E os que encontro, não funcionam. :(
    O que eu faço?

    Tecido_Doce

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados