Como criar a sua caixinha Link

Exemplo de caixinha link

<a href="http://tomechacomleite.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUZWasqiyKSPtQSFzCxvPMrpN8dzHTJmcsi7eiG7a75TjOq8ZkxBgnqa_ihfip7U7khK2nfFKrqW6Zr2lL4RjVCpQoiX96EjFhxv9sW0MYupctRlDQ0I1NeXBUMrmnVABuQ8O01emp-Q/s1600/tome-chac0m.6.png" border="0" /></a>

<a href="http://detudoumpoucotracomais.blogspot.com.br" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlrFeEQjrii9CujABF_BgvJ5iutegQsCA5lG288_0sEW6aHpahlnw87VmUyFQNrbf0Jow6av0JnQ40rgAhTNO21caMFMJ4GB_gDs8yPg8ZK75NXHom1DgnzwZH3V6AKSBDmIVsz4MB6J8/s1600/detudoumpouco.caixinha.gif" border="0" /></a>

Para criar uma caixinha link você precisa ter a imagem, a ser usada, armazenada em uma página da internet.

A maior dificuldade que encontrei  foi achar um local para hospedar as imagens que eu queria usar, já que as vezes ela desaparecia do meu  link.

Então resolvi fazer um teste e hospedá-la em meu próprio blog.  

Deu certo.

Vou explicar a vocês como faço.

 Abro a página de postagem, escolho a imagem, coloco na página mas não publico. Salvo como rascunho e deixo essa página para armazenar todas  as imagens que irei usar, no futuro.

Clico em cima da imagem com o botão direito do mouse.

Clico com o botão esquerdo em:

“abrir link em uma nova janela”

Copio o endereço que aparece nessa nova janela e vou para o gerador de link, seguindo as orientações.

Faça o mesmo, pois funciona!

*********************

Iniciei meu primeiro blog sem saber o que era um link. Mas ia tentando e descobrindo coisas.  Na verdade, ainda sei quase nada, mas aos poucos vou aprimorando. E acredito que evoluí bastante, sozinha, sem professor.
Vou colocar aqui tudo o que descobri em vários blogs e sites, para facilitar a busca de vocês.
E também servirá como um arquivo, para mim.
Acho que vocês também tem condições de curtir um blog.
Quem quiser colaborar, pode enviar as informações.  Por e-mail ou postar nos comentários.
Darei os créditos.

Gerador de link

Copie o código e cole em seu Blog. Seu link está pronto. *************************   As vezes, nós colocamos uma imagem que fica bem maior que a caixinha de testo:

<a href="http://meusanjosprotetores.blogspot.com/2011/08/pergunte-ao-seu-anjo.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRM3j-RAwB-pUODX1jIY_z4FbO9iLxRNyAScaMReKe8X9mXEJlng1GUsJHHAldxEGEVCYCl7hS-B5aMHbV53959wrVFwlOFyB3SBd0PhzoUI5Hyfonw2sUDI-15XkBG9N1KYw0UWNwOGvW/s1600/meuanjoamigo%252C4.png" border="0" /></a>

Eu, particularmente, não gosto. 

Então, comecei a analisar o código e a tentar descobrir como poderia alterar o tamanho. 

Descobri.

Não sei explicar porque, visto que não entendo dessa linguagem. Mas funcionou.

Vou colocar todo o código:

<div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRM3j-RAwB-pUODX1jIY_z4FbO9iLxRNyAScaMReKe8X9mXEJlng1GUsJHHAldxEGEVCYCl7hS-B5aMHbV53959wrVFwlOFyB3SBd0PhzoUI5Hyfonw2sUDI-15XkBG9N1KYw0UWNwOGvW/s1600/meuanjoamigo%252C4.png" border="0" /><br><textarea onFocus="this.select()" onMouseOver="this.focus()" rows="3" cols="15" name="textarea"><a href="http://meusanjosprotetores.blogspot.com/2011/08/pergunte-ao-seu-anjo.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRM3j-RAwB-pUODX1jIY_z4FbO9iLxRNyAScaMReKe8X9mXEJlng1GUsJHHAldxEGEVCYCl7hS-B5aMHbV53959wrVFwlOFyB3SBd0PhzoUI5Hyfonw2sUDI-15XkBG9N1KYw0UWNwOGvW/s1600/meuanjoamigo%252C4.png" border="0" /></a></textarea></div>

Altere o valor que está em vermelho. Coloquei  30  no código da caixinha postada na barra lateral do blog (sidebar). Verifique como ficou. 

Eu acertei de primeira, mas se não ficar do tamanho desejado, vá modificando, até acertar.

É preciso paciência e persistência.