MAQUININHA PAGSEGURO

Aumente suas vendas aceitando débito e credito.
Compre em condições especiais pelo link:

Transformando imagem em link

Para mim que não era blogueira até pouco tempo atrás, foi bem difícil encontrar um espaço que ENSINASSE  de verdade, como fazer esse procedimento que embora simples, requer um conhecimento específico.
Li várias explicações, mas não entendia muito bem, visto que essas coisas de HTML são desconhecidas, tive que experimentar com um pé atrás, achando que não ia dar conta, para ver que funcionava!
Por isso, agora que aprendi, vou deixar registrado aqui um jeitinho bem fácil, para ajudar outras pessoas, que iniciando no mundo dos blogs, também vai procurar esses conceitos e provavelmente terá as mesmas dificuldades que eu tive.

Se você já sabe os procedimentos de obtenção do código da imagem e do link vou colocar aqui primeiro apenas o código necessário e você faz as trocas necessárias:


O que está escrito é:
< a href = "
em seguida vai o endereço do link
depois:
" > < img src = "
agora vai o endereço da imagem
depois:
" / > < / a >

Eu estou deixando bastante espaço para dar para ver o que é
quando eu coloco junto, já vira um quadrinho de um link que não dá pra ler
eu não sei fazer aparecer as letras e códigos sem aparecer o tal quadrado!!!!rsrsrsrs
Vou tentar deixar o código como comentário!!!!

E pronto, já resolve seu problema, entre as primeiras aspas você coloca o endereço do link e entre as segundas aspas o endereço da imagem, só preste atenção ao copiar e colar esses endereços, para que não sobre espaço entre o endereço e as aspas, sempre dê uma conferida porque senão não funciona.

Simples né!

Agora se  você não sabe os procedimentos de obtenção da imagem, siga com a leitura que vou ensinar a procurar no google e a hospedar sua imagem do seu computador no picasa.

Para transformar uma imagem em um link, primeiro é preciso ter a imagem.
A imagem você pode retirar da internet mesmo. Vamos aos exemplos práticos que é o que interessa:
1.Entre no site do google e vá no campo das imagens: é o setor do google que só tem fotos, cliparts, gifs, e afins:


2.Digite sua busca, por exemplo eu vou procurar uma imagem de criança:


Quantos resultados! Uma mais linda do que a outra:


Mas o que interessa mesmo é o endereço, pois uma imagem que já está na internet está hospedada em algum lugar e tem um endereço, então eu vou escolher a que me agradou e clicar sobre ela:
Normalmente quando você clica aparece assim:


Então você clica novamente sobre a foto para que apareça só ela assim:



Agora , com o botão direito do mouse vamos achar o endereço clicando sobre a foto:


Olha aqui o endereço:


Esse endereço você vai copiar, passando o mouse e selecionando, clicando com o botão direito e selecionando a opção copiar:
no código, você vai trocar as palavras ENDEREÇO DA IMAGEM :



agora lembre-se de tirar aquele espacinho entre o final do endereço e a aspa para que o código funcione.
Se eu fosse usar essa imagem para ser o link das atividades que hospedei no skydrive, iria copiar o endereço do link e trocá-lo também.


Depois é só copiar o código todo e inserir ou na sua publicação, ou em inserir HTML nas opções gagdets do blog (para ser funcionalidade nas laterais).

Mais uma dica, se for usá-lo bastante, coloque -o em um documento de word, e salve no desktop, depois sempre faz as trocas e copia e cola, fica bem mais fácil!

Hospedando sua imagem para inserir no link

Que tal colocar sua foto preferida para ser o link. Ela está em seu computador e você não sabe como fazer????
Não se desespere que eu vou te ensinar.
Você já instalou o Picasa no seu computador?(conforme orientação de aulas anteriores?) Se sim, abra-o:
Em seguida, clique em arquivo, adicionar arquivo ao Picasa conforme mostra a imagem:



Então vai aparecer a tela ABRIR onde você deve procurar a imagem que quer adicionar:
Clique duas vezes sobre a tal imagem e ela vai aparecer no cantinho inferior esquerdo da tela, como a borboleta que selecionamos para fazer upload veja:


Clique no botão fazer upload, vai aparecer outra tela como abaixo e você clica novamente em fazer upload:


Quando o programa terminar de fazer o upload da imagem aparece a tela abaixo e você clica em visualizar on line:


Olha aí sua foto no Picasa:


Agora, se faz como na retirada de endereço do google:
clica com o botão direito sobre a imagem, clica em propriedades e olha lá o endereço:


endereço esse que você deverá selecionar clicando em cima segurando o mouse clicado e arrastando para selecionar, (o endereço aparece azul), daí copia e troca no link.

Acredito que expliquei bem direitinho! Foi muito difícil aprender a hospedar minhas imagens. Sofri um bocado fuçando no tal do Picasa para descobrir, agora já estou tirando de letra!!!!
Se da primeira vez para você parecer meio difícil, ou se enroscar em algo, não tenha vergonha de perguntar, pode postar um comentário que nós te auxiliaremos!!!!

Espero que seja útil






5 comentários:

  1. parabéns pelo post, estou sempre editando uma coisinha ou outro no meu blog e resolvi adicionar uma imagem e o seu post ajudou realmente, tinha me esquecido desse detalhe e como ele é utilizado em blogs né hehehehe, beijo e visite meu blog:

    http://www.jehbyjeh.blogspot.com

    Comente :)

    ResponderExcluir
  2. A sua postagem foi muito boa...
    Eu tenho um blog e nele não entra uma alma viva sera que nun da para vc inserir o link dele não?
    se vc for insserir o link é esse

    link: http://topbloggerjogos.blogspot.com

    ResponderExcluir
  3. olha, o seu post "salvou minha vida..."rsrsrsrsr, era tudo o que eu precisava! Sofri tanto procurando explicações na internet q não me ajudaram em nada, uma mais complicada do que a outra! Mas a sua tá nota 10!! Continue assim, você não teve medo de compartilhar seus conhecimentos com os outros! PARABÉNS!!

    ResponderExcluir
  4. Deu certo colocar o link no HTML. Obrigado

    ResponderExcluir