Como inserir caixa "Link Me" + caixinha de código para copiar | Quero Dicas Quero Dicas : Como inserir caixa "Link Me" + caixinha de código para copiar

Quero Dicas : Como inserir caixa "Link Me" + caixinha de código para copiar

Como inserir caixa "Link Me" + caixinha de código para copiar

|

Como inserir caixa Link Me com caixa de código

Há algum tempo atrás eu ensinei como criar uma caixa de Link Me. Muita gente chama de Leve-Me, Siga-Me, Me leve, etc. Existe muitos nomes pra essa caixinha, mas com um único objetivo: Facilitar na hora de realizar uma parceria com outro blogueiro e ajudar na divulgação do blog.

Antigamente, o próprio Blogger criava essa essa caixinha. Bastava criar uma imagem e terminar de concluir nos gadgets padrões do Blogger. Infelizmente, as coisas mudaram.

Neste novo tutorial o procedimento mudou, mas a função é a mesma: Um banner com uma caixinha com código HTML abaixo da imagem para facilitar que outros blogueiros possam linká-lo. Ela fica assim:
Como inserir caixa Link Me com caixa de código

Gostou? Precisa ou quer uma? Então vamos começar.


Passo 1

Antes de tudo, precisamos criar uma imagem para seu blog. Normalmente, é feito com base no cabeçalho do seu blog ou de sua mascote, uma logo ou até mesmo somente a utilização do nome.

Você poderá criar sua imagem em diferentes programas : Photoshop, PhotoScape, Gimp, etc ou até mesmo em um editor online de imagens, como o Pixlr Editor.

Você precisa saber a dimensão que vai utilizar. O tamanho mais comum é 150 x 75 pixels. Mas você poderá criar as dimensões que desejar e quantas vezes desejar.

tamanho de 150 x 75 pixels.
imagem pelo Photoshop

Reduza e ajuste a imagem que irá utilizar até ficar do seu gosto. Salve-a.
Ps: Pode ser no formato PNG ou JPGE e/ou JPG

Depois que você terminar sua imagem, hospede-a em um local da Web que mais lhe agrede.

• Não sabe hospedar? Não tem problema, veja uma dessas postagens:


Passo 2

1- Agora que sua imagem foi criada e hospedada precisaremos do endereço (Url) da imagem na Web. Se você sabe como obter a Url. Vamos prosseguir. Caso contrario, acesse:
• Como hospedar uma imagem gratuitamente na Web para seu blog
• Como hospedar suas imagens no seu próprio blog

2 - Agora copie esse código:


3 - Acesse o painel do Blogger. (dê preferência em um blog de teste)
4 - Vá em Layout e clique em Adicionar um Gadgets 
5 - Escolha a opção HTML/Javascript
6 - Cole o código

Editando o Código

Edite somente onde eu deixei destacado. Preste muita atenção para não apagar nenhuma aspas ou outro código sem ser aqueles que eu destaquei. ok?

Vermelho : Será onde você deverá escrever o nome do seu Blog
Azul : É o endereço do seu blog. (exemplo: http://www.querodicasde.com.br)
Verde : É a largura e a altura da sua imagem acima da sua caixinha
Negrito : Altura e largura da caixinha do código
Rosa : É a largura e a altura da sua imagem que seu parceiro irá levar

Atenção ─ Importante 

Os itens rosa é a dimensão da imagem que você criou (o tamanho original). Caso você utilize um tamanho maior e queira diminuir, é neste item que você fará isso. ─ AGORA, se você criou uma imagem pequena e quer aumentá-la, isso não dará certo, pois sua imagem ficará estourada. Por isso, recomendo que você crie uma imagem grande (Não gigante! Cuidado com o carregamento do blog) e vá diminuindo conforme ao seu gosto e ao do seu parceiro.

O mesmo acontece com os itens verde. Mas esta imagem só ficará visível em seu blog.

3 - Agora salve o gadgets, arraste para onde desejar que ela fique e salve as alterações em seu Layout.

Pronto! Sua caixa "Link Me" + caixinha de código para copiar está feita.
Beijinhos

Compartilhe


4 comentários:


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Por favor, não adicione links externos nos comentários.

Beijinhos ♥

  1. tem como eu colocar isso nas postagens ? tipo fica uma caixa para compartilha o link da postagem que acabei de fazer?

    ResponderExcluir
    Respostas
    1. Oi Karoline. Tem sim, mais não com este tutorial. Até daria mais de qualquer maneira terei que fazer um tutorial sobre. Mas pode deixar, farei uma postagem sobre ele aqui no Quero Dicas. Se der, esta semana, OK? Beijinhos ♥

      Excluir
  2. oie tudo bem, adoro esse blog em ajuda muito pra personaliza o meu blog mais hj eu não de certo fail, mais mesmo assim adoro as dicas.

    ResponderExcluir
    Respostas
    1. Oi Drieekky. Que bom saber que o blog está te ajudando na personalização do seu blog. Em relação a "não conseguir", qual é exatamente o erro que deu? ou você não conseguiu?
      Bjs

      Excluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir