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:

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



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.

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.



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


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.