Como criar um selo Link-me com caixinha de código para copiar (+ brindes!)

em 11 de maio de 2015

Oi, gente!
Sabe a caixinha com códigos do selo tipo Link-me, muito comum nos blogs?
Hoje você vai aprender como fazer,  e o melhor: a caixinha de código para copiar funciona sem erros.
Igual ao meu, espia ali na sidebar!
E tem presentes para você, banners combinando com os selos!!!
Vamos começar?

Edite a imagem que deseja usar

Antes de qualquer coisa você precisa editar a imagem que será seu selinho.
Em geral é uma miniatura de seu cabeçalho, ou sua mascote, ou apenas o nome do blog, seu logotipo, etc.
Fiz alguns de brinde, caso você não tenha nenhuma imagem que queira usar.
Estão no final desse tutorial, tá? Precisa apenas editar, colocar o nome de seu blog ou o texto que desejar.

Você edita a imagem em qualquer editor de imagem, até o Paint serve para isso.
Outros editores: Photofiltre, Photoscape, Photoshop, e alguns online, tipo esse:
Pixrl Editor Online
Para te ajudar a usar esse editor de imagem (precisa ter a imagem pronta), fiz um vídeo rapidinho, dê o play:


Hospedando a imagem

Com a imagem que deseja usar pronta é hora de hospeda-la e obter o endereço web dessa imagem.
Faz assim: comece uma postagem rascunho (que não será publicada) em seu blog, e carregue nela a imagem que vai usar.
Deixe a imagem em Tamanho original, e clique sobre ela com o botão direito do mouse (estou usando o Chrome, ok? Cada navegador tem o seu modo de capturar o endereço da imagem) e clique em Copiar endereço do link.
Esse é, claro, o endereço web de sua imagem.
A seguir copie este código:

Copiar o código


Cole-o no seu post de rascunho para que a edição seja mais simples.

Editando o código

Edite-o onde deixei marcado em cores. Preste atenção, tá?
  1. não apague aspas quando houverem;
  2. coloque a altura e a largura exatas de sua imagem;  
  3. o nome de seu blog em todos os lugares pedidos; 
  4. o endereço de seu blog, começando com http no local solicitado;
  5. não apague nada do código.
Agora vá ao seu blog, entre no painel administrativo dele e clique na aba Layout.
Clique em adicionar um gadget, escolha HTML JAVASCRIPT e na caixa que expandir cole seu código devidamente editado.
Salve, arraste para onde deseja que fique e salve as alterações do layout.
Tá pronto, simples e fácil!

Brindes

Fiz alguns presentes pra você, use à vontade.
Só não vale repostar em seu blog oferecendo aos seus leitores como se tivessem sido feitos por você, tá?
Caso deseje encaminhe seus leitores para este post através de um link direto.

Os banners estão nas medidas 1000px de largura por 350px de altura.
Todos estão em png transparente, então evite usar o Paint pois ele não suporta transparências. Veja meu vídeo acima e use o editor que indiquei.

Enjoy!

Clique sobre a imagem para salvar o cabeçalho em tamanho real




Clique sobre a imagem para salvar o cabeçalho em tamanho real


Clique sobre a imagem para salvar o cabeçalho em tamanho real

Clique sobre a imagem para salvar o cabeçalho em tamanho real


Clique sobre a imagem para salvar o cabeçalho em tamanho real





Quer retribuir?
Coloque meu selo em seu blog, eu fico muito agradecida!
Elaine Gaspareto

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

18 comentários , comente também!

  1. Oi Elaine, oi vim te convidar!
    Eu te indiquei para participar de uma tag: "Conhecendo a Blogueira"...
    Se quiser e puder, vem participar! Eu ia ficar super feliz! Bjossss

    ResponderExcluir
  2. Oi Elaine,gostei da postagem.
    Vou tentar fazer a caixinha mas acho difícil alguém linkar,os blogs não são mais como em 2009,foi quando eu criei meu 1 º blog.
    Parabéns pela postagem,fui na sua loja de templates,pedi um para meu filho de presente no dia das mães ele respondeu: eu dou mas depois você troca tudo...rsrs....não tiro a razão dele adoro mudar.
    Obrigada adorei seu post.Linda semana para vocês,bjs

    ResponderExcluir
  3. Elaine eu aqui de novo..rsrs....adoro seus posts.
    Coloquei no meu blog deu certinho,levei a 5ª e 6ª imagem.
    Já compartilhei no G+,curti e vou depositar os créditos para você em uma postagem no meu blog.
    Obrigada,valeu,bjs

    ResponderExcluir
  4. Este comentário foi removido pelo autor.

    ResponderExcluir
  5. Muito bom Elaine, já fiz o meu! Obrigada :)

    ResponderExcluir
  6. Obrigada querida Elaine, fiz o meu, pois o antigo já estava obsoleto, deu super certo, sem palavras para agradecer, bjuivos no seu coração.
    Loba.

    ResponderExcluir
  7. Não sei onde estou errando, mas a imagem não aparece!
    De resto, tudo ok.
    Me ajuda?
    Adoro seu blog!!! Bjs...

    ResponderExcluir
  8. Que legal Elaine, eu amei essa postagem e como estou criando meu blog agora, eu segui esses passos e coloquei a caixinha de link-me no meu blog. Deu tudo certo. Valeu por ajudar. Até adicionei esse blog em meus favoritos, pois estou sempre aprendendo algo daqui.

    ResponderExcluir
  9. Muito obrigada Elaine,com suas dicas e com as figuras e templates que voce disponibilizou,meu blog esta bem mais profissional,muito muito obrigada,Deus abençoe

    ResponderExcluir
  10. Obrigado Elaine foi o unico site que deu certo, tentei em outros sites e nao deu certo, meus parabens

    ResponderExcluir
  11. Este comentário foi removido pelo autor.

    ResponderExcluir
  12. Este comentário foi removido pelo autor.

    ResponderExcluir
  13. Muito bom usarei http://amorinhacandy.blogspot.com.br/

    ResponderExcluir
  14. Oi, como faço para salvar as imagens? Nunca consegui salvar nada desse blog :\

    ResponderExcluir
  15. Olá Elaine, tudo bem?
    Amei o tutorial, fazia dias que eu estava procurando um código desses!!
    Deu certinho e já estou usando. Obrigadaa <3

    https://jessicandradeblog.blogspot.com.br

    ResponderExcluir
  16. Muito obrigada! Realmente ajudou muito!!!
    http://achocolatadodalana.blogspot.com.br/

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…