Mostrando postagens com marcador assinatura personalizada. Mostrar todas as postagens
Mostrando postagens com marcador assinatura personalizada. Mostrar todas as postagens

18 agosto, 2014

Personalizando Assinatura do Post no Blogger!!!!

Oieee!!! Hoje o post é diferente, vou ensinar como personalizar e colocar sua assinatura com imagem ao final de cada post.

Bora Aprender???

Primeiramente você vai precisar de um editor de fotos, eu gosto muito de usar o Photoscape e o Pixlr, pois ambos são de graça e de fácil entendimento.

Se você não tem nenhum dos dois não se preocupe, ao final do post vou deixar o link para baixar o Photoscape, e o link do site Pixlr para você usar e abusar dos recursos.

Primeiramente você vai precisar criar a assinatura no Photoscape, o que é moleza.

Abra o Photoscape, Clique em editor>menu>nova foto> conforme abaixo;




No menu inferior procure a aba Objeto>Fotografia>Foto, escolha a imagem que desejar, e posicione ela ao sue gosto, se houver necessidade de aumentar ou diminuir a imagem, faça isso agora.


No mesmo menu inferior na aba Objeto, clique no T de texto e escreva o que desejar, seu nome, suas iniciais, postado por, beijos, escolha o tipo de letra e também a cor desejada...


Clique em Foto+Objeto conforme abaixo;


Vai aparecer uma janela como essa, escolha a opção conforme a imagem;


Clique em Salvar>Salvar Como, e salve na pasta que desejar.

Agora, precisamos tirar o fundo da imagem, e deixa-la com fundo transparente, para isso você vai precisar do Pixlr, o link dele está no final do post.

Clique em "Abrir uma imagem do computador", abra a assinatura que criou.

Agora clique duas vezes sobre o cadeado da janela "Camadas" conforme a imagem.


Feito isso, no menu ferramentas do lado esquerdo, clique no ferramenta Varinha, e clique com ela sobre a parte branca da imagem. 


Depois de clicado é só apertar o botão delete, salvar a imagem em PNG, não esqueça e pronto.

Feita a assinatura, agora precisamos hospeda-la em um site de imagem para poder obter a URL.

Eu uso o Tumblr, clique aqui, para fazer o upload da imagem.


Anexe o arquivo desejado e clique em carregar imagem!!!

Vai gerar uma URL cujo o final dela sempre terminará em PNG ou JPEG, depende de como você salvou o arquivo. 

Agora para inserir em seu blog, faça o seguinte;

Entre no seu blog e vá em Modelo>Editar HTML>apertar CTRL+F e colar na caixinha de busca  o seguinte código abaixo;

<data:post.body/>

Aperta duas vezes o Enter, e vão aparecer 3 códigos iguais a esse, cole o seguinte código abaixo do segundo que você achou.

<div align='center'>
<img src='COLE AQUI O ENDEREÇO GERADO NO TUMBLR'style='border:opx;'/></div>

E pronto, é só Salvar Modelo e visualizar o blog, caso você queira mudar a posição da assinatura é só colocar em inglês o lado que deseja que ela fique.

Esquerda = Left
Direita = Right
Centro = Center

Se tiver alguma dúvida é só me perguntar!!!!