Postagens | Dicas blog, Imagem, Pc Windows

Fazer imagem link com novo editor de post do blogger

Fazer imagem virar link no BlogspotMostrarei como transformar uma imagem em link com imagem no novo editor do blogger. Sem mexer com códigos.

É uma coisa muito simples, mas alguns não sabem como fazer isso, e também, essa imagem pode servir para ser usada na lateral do blog.

Caso você não saiba como mudar tamanho e posição da imagem do post, clique, e, se você usa o editor antigo, veja como criar imagem-link no post, clique

Nessa postagem vou ensinar como fazer a imagem funcionar como link, para isso vou partir do ponto em que a imagem já está na área de postagem do blogger.

Dicas para não errar na criação de link

O sistema para criar link do blogger é fácil, você não precisa usar códigos, mas muita gente erra ao inserir a Url, a melhor forma de evitar erro é copiar a Url da barra de endereços do navegador, mas, você deve acessar a página que você quer que o visitante veja ao clicar no link, estando na página(ou site) selecione completamente o endereço(Url) que aparece na barra de endereços do navegador e copie ela.

Para criar link, evite digitar o endereço, isso porque você pode errar um caracter e seu link será para uma página de erro e isso é ruim para seu blog, ao selecionar e copiar o Url da barra de endereços ela será copiada completamente e pronta para criar links, mesmo que em alguns navegadores(especialmente o Chrome) ela apareça incompleta ou pareça sem o http:// quando você copiar ele virá junto.

Para selecionar completamente a Url da barra de endereços, clique dentro da barra de endereços e pressione junto as duas teclas de atalho Ctrl A
Exemplos de Url certo e errado para criar link
Os endereços devem começar com http:// porém, alguns sites só funcionam com http://www.

Exemplo Certo:

http://blog.foitestado.com/
ou
http://www.blog.foitestado.com/

Exemplo Errado:

www.blog.foitestado.com/
http://http://blog.foitestado.com/
blog.foitestado.com/

Como mostrei acima os exemplos de Url, qualquer letra ou caracter faltando, trocada ou sobrando pode fazer com que ela não funcione, e, Url errada faz um link para página errada.
Porque imagem-link, e exemplos
Quando você posta uma imagem no blogger, ela já é um link para a imagem original(como as imagens abaixo), com os passos abaixo, você estará fazendo dela um link para uma página ou site.

Um exemplo desse tipo de imagem-link é a primeira imagem desse post, eu transformei ela num link para a página inicial do blog, o correto é fazer isso com uma imagem expresse algo, não foi o caso da imagem que deixei acima, um bom exemplo de imagem-link expressivas são aqueles botões para feed ou para seguir no twitter que você vê em muitos sites em que navega, ao ver elas o visitante geralmente sabe o que representam e o que acontece ao clicar nela, o bom é que com os passos abaixo você poderá postar uma imagem, grande ou pequena, e fazer ela funcionar como link.

    Fazer imagem virar um link

  1. Esteja na opção Escrever do editor
  2. Clique sobre a imagem
  3. Abaixo dela aparecerá uma barra de opções e
  4. Na barra de opções que aparecer clique em Editar Link ou Alterar link

    Atenção, Nesse passo 4, se na barra de opções que surgir não tiver a opção Editar link ou Alterar link, você terá que, após clicar na imagem, clicar no botão Link que fica na barra de botões do editor, aí o link padrão para a imagem será desfeito, aí, novamente deve clicar na imagem e depois no botão Link da barra de opções, aí é só seguir os passos abaixo.

  5. Clique para ver melhor
    Colocar link em uma imagem com o novo editor atualizado do blogger
  6. Abrirá um quadro, escolha a opção de Link para:
    • Endereço da Web que é o mais usado, sempre que criar um link para sites, blogs ou páginas em geral
    • Endereço de e-mail, se você quiser usar isso, o link abrirá um programa de para que o visitante envie um email com o seu email já na opção correta(Funciona se o visitante tiver um programa configurado para isso). Evite usar essa opção porque você estará sujeito a receber mais Spams
  7. Para Link da web, coloque o Url no campo perto de onde diz 'Este link deve direcionar para que URL?', mas, se tiver algum caracter dentro do campo, antes apague todos, pode clicar no campo e usar as teclas Ctrl A para selecionar tudo e depois apagar.
  8. Clique em Testar este link, abrirá a página em nova janela/aba e se estiver correto prociga sua edição
  9. Clique no botão Ok
Clique para ver melhor
Colocando Url para trocar link da imagem no post do blogger


Atenção, não vai colocar endereço web no campo de e-mail ou o contrário. Campo é a 'caixa' para inserir algum tipo de texto.
Colocar a imagem link na lateral ou área de gadget
Você pode usar o mesmo procedimento acima, seria como simular a criação de uma postagem, você vai e cria seu post que não será publicado, depois de feito todos os passos acima, você pode clicar na opção Editar Html dessa área de criação de postagem, selecionar e copiar todo o código de dentro do editor, esse código é responsável pela função de imagem link, aí, com esse código copiado, você vai adicionar ele como um gadget do tipo HTML/JavaScript para que fique na lateral do BlogSpot, quer mais detalhes de como adicionar códigos na lateral do blogger, clique

10 comentários:

  1. Thanks for the tutorial.I recently added a blog on blogger.I will implement your tips on it.
    Thanks for sharing.

    ResponderExcluir
  2. Maravilha... muito bom o posto... mas no meu blogger não aparece a opção na barra de edição da imagem, mas fui no editar HTML e tirei o primeiro link (de direcionamento) e colei o link que onde eu queria direcionar. Deu certíssimo.

    DETALHE: No editar HTML [ na imagem dentro do post] o primeiro link é do direcionamento. O segundo é onde a imagem esta hospedada [ no meu caso, no picasa ]

    ResponderExcluir
    Respostas
    1. Olá,
      para quem não esta conseguindo de acordo com a dica do blog.
      pode ser por causa do navegador, pelo internet explorer não consegui. mais pelo Firefox foi moleza. um abraço!
      http://ganhedinheirocertonanet.blogspot.com.br/

      Excluir
  3. Sergio Santos

    De tempo em tempo o blogger apresenta alguns problemas, as vezes o que funciona num navegador da problema em outro.

    Só para informar quem ler aqui e você, é bom não confundir link como Url, você está trocando o nome link por Url, o que é muito comum as pessoas fazerem. Percebi que você troca os nomes quando você disse que o segundo link é onde está hospedada a imagem, isso é chamado Endereço Url e link é o efeito de clicar e abrir nova página, no caso da segunda Url, ela é quem faz a imagem aparecer, você poderá perceber que ela está após esse trecho de código:
    <img src="

    ResponderExcluir
  4. Anônimo18/11/11

    Não funciona. Testei de todo jeito, e mais de uma vez. Direciona para página do meu próprio blog onde aparecem miniaturas das imagens postadas na página.

    ResponderExcluir
  5. Anônimo

    Tenta novamente, se preferir use um blog de testes, prefira usar o navegador Mozilla Firefox ou em segunda opção o Google Chrome.

    ResponderExcluir
  6. Valeu pela dica, não sabia como fazer e com sua dica consegui.

    ResponderExcluir
  7. Maravilhoso....vc resolveu meu problema que ha dias estava quebrando a cabeça......Parabéns

    ResponderExcluir
  8. Explicação direta, preciza....Ótimo...

    ResponderExcluir
  9. Bom Dia! para todos.
    Segui a dica do Sergio Santos é deu certo.
    Obrigado e um abraço.
    http://ganhedinheirocertonanet.blogspot.com.br/

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares