Post sobre |Dicas blog, imagem, Pc windows

Colocar imagem-link no BlogSpot

Uma forma simples de inserir um link imagem no blogger sem mexer em código.

Tanto no post(postagem) como na lateral(sidebar) do blogspot pode ser colocado imagens que funcionem como link para outra página ou blog.


Na área de Criar um post ou para a sidebar em adicionar Html/Javascript.
    Essa primeira explicação só funciona para quem usa editor antigo e não o novo editor de postagem no BlogSpot
  1. Escolha a opção Escrever.
  2. Clique o botão Adicionar imagemAdicionar imagem.
  3. Após ter adicionado a imagem clique sobre ela para "selecionar".

    Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, tente dois cliques rápidos ou arrastar o mouse sobre ela

  4. Clique no botão inserir linkinserir link
  5. Coloque o endereço http:// da página que você quer que seu link abra quando alguém clicar na imagem.
    Dica: É bom você abrir a página e copiar o endereço da barra de endereço do navegador, para evitar erros. 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/

  6. Clique em Ok.

    Você pode clicar em Visualizar e com o botão direito do mouse tentar abrir o link em nova janela para ver se funcionou.

Clique para aumentar
Fazer imagem virar um link no blogspot
    Ainda não tem a opção de adicionar imagem em Html/Javascript, mas da para colar imagem, para a lateral do blogger.com ignorem o passo 1 e 2 da imagem acima
  • Você pode fazer o procedimento acima(postar uma imagem),
  • selecionar a imagem e copiar

    Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, talvez precise clicar duas vezes, ou tente arrastar o mouse sobre ela.

  • Ir em Layout(Design),
  • Elementos da página,
  • Adicionar um Gadget(elemento),
  • Procure HTML/JavaScript, clique.
  • Na janela que abrir, procure e clique no link Formato Rich Text
  • Cole a imagem na área de edição
      1. Ignore
      2. Ignore
      3. Após ter colado a imagem, clique sobre ela para "selecionar".

        Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, tente arrastar o mouse sobre ela

      4. Clique no botão inserir linkinserir link,
      5. Coloque o endereço http:// da página que você quer que seu link abra quando alguém clicar na imagem. Veja a dica em destaque no passo 5 anterior e, os exemplos, para evitar erros.
      6. Clique em Ok.
      7. SALVAR

        Após salvar é bom ver seu blog com outros navegadores(IE, Mozilla e Chrome) para ter certeza que não houve problema, em raras vezes o código do elemento(imagem) que você colou pode ser "quebrado" pelo blogger e causar um erro, por mais que você "não copiou um código" e sim apenas a imagem, esse código existe e vai junto pois é necessário

cores da fonte, cor de fundo e cor do titulo do blogger Veja que essa é uma imagem comum, mas essa imagem é um link para outro post .
Poderia ser uma imagem dizendo clique, isso depende da criatividade de cada um, se for útil, mas é um bom exemplo de colocar imagem link no blogger.

75 comentários:

Colocar imagem-link no Blog ou site do blogger2008-11-14T05:42:00-02:00
  1. amei as dicas.Valeu!!!!

    Responder
  2. vlw irmao mtu bommm me ajudou bastante.

    Responder
  3. Parabéns pelo seu Blog, muitas dicas boas, já coloquei nos meus Favoritos.
    Coloquei uma imagem com link conforme as dicas acima e deu certo.
    Mas gostaria de saber de como fazer para colocar uma imagem link na Sidebar pelo HTML/JAVASCRIPT

    Responder
  4. Marco Aurélio Recco, Obrigado pelo comentario.

    Bom, até o momento da sua duvida não tem a opção para postar uma imagem nessa área, mas você pode cria um post e fazer o procedimento acima(postar uma imagem), e selecionar a imagem e copiar, depois ir em Layout, => Elementos da página, => Adicionar um Gadget(elemento), => HTML/JavaScript, procure e clique no link => Formato Rich Text e cole a imagem lá, e transforme ela em link como descrito acima(passo 3) e SALVAR. O post que você ia criar não precisa publicar, a imagem vai estar na sidebar mesmo assim.

    Você pode também escolher Imagem no lugar de HTML/JavaScript, só que aí vai ser uma apenas, não poderá mexer no tamanho... da outra forma você poderá usar o mesmo "Gadget" para outras coisas, como um texto, outra imagem, etc.

    Responder
  5. Vlw....

    Só aqui achei a dica bem explicada passo-a-passo.

    Responder
  6. Gostei daqui... vou seguir abração

    Responder
  7. poxa muito obrigado pelas dicas, bem simples como deve ser...vlw

    Responder
  8. Não consegui por link imagem!A imagem fica maior apenas e não vai para o endereço que inseri.Tentei com páginas do próprio blog e depois com endereços da web e não tem jeito!O que será que estou fazendo de errado?
    Suas dicas são ótimas com uma linguagem bem simples, muito bom para pessoas como eu, que está praticamente começando na blogosfera.Obrigada!

    Responder
  9. Obrigado pelo comentário.
    Salete Cattae

    Vou especular o que penso que está acontecendo:
    Se você fez o procedimento 4 e 5 como descrito acima, deve dar certo, porém, no momento que você está escrevendo o post, o link não funciona mesmo, pois você está editando e ele só vai funcionar no momento que você publicar ou visualizar, mas evite clicar no link no modo visualizar, pois você pode sair da página de criar postagem e perder o que fez até o momento.
    Pode testar se o link está funcionando clicando em Visualizar, clicar na imagem com o botão direito do mouse e escolher Abrir em nova janela.

    Responder
  10. Eu consegui!Que legal!Nem sei o que eu estava fazendo de errado, mas deu certo depois de ir tentando.Muito obrigada!Um abração!Seu blog já está adicionado aos meus favoritos.

    Responder
  11. Anônimo24/9/09

    Olá Amigos eu Tenho uma Duvida que Aparenta ser Muito simples Quero Criar uma Foto Link Daquelas que fika ao lado do blog em que vc clica e redireciona pru site,quando eu abro a pagina configurar html/javascript eu vou pra colar tipo copio com o botão direito do mouse a imagem ai vou colar lá na parte de edição e não aparece a opção colarr fika invisivel já tentei ctrl+c e ctrl+v e nada poderião me ajudar?

    Responder
  12. Anônimo

    Talvez você não tenha selecionado a imagem antes de copiar, e você deve ir em Layout, Elementos de página e lá ver a opção Html/Javascript(mais aqui) e depois deve ter clicado em Formato Rich Text

    Para selecionar a imagem tem varias formas como descrito acima no texto e depende do seu navegador.

    Responder
  13. Olá.
    Por favor, estou com problemas para colocar fotos no meu blog. Quando tento, aparece a mensagem:
    "Houve erros durante o carregamento.
    As imagens a seguir não foram carregadas.
    100_0040.JPG :Você excedeu a cota total de upload de fotos.
    Infelizmente, você ultrapassou sua cota de upload de fotos. Para obter mais informações, dê uma olhada na página Ajuda do Blogger."
    Essa ajuda do Blogger não me ajudou, não entendi nada.
    Eu nem sabia que existia limite. O que faço? Estou muito chateada, pois agora que descobri algo prazeroso aqui na internet. Conto com sua ajuda.
    Obrigada.

    Responder
  14. Narinha Azevedo
    Obrigado pelo comentário.

    Será que você já ultrapassou 1Gb de espaço?
    Você tentou publicar uma por vez?

    O que poderia te indicar é comprar mais espaço, no Google mesmo, Clique aqui.

    Esse link está bem abaixo do picasaweb.google e é provável que o espaço extra seja direcionado para seu BlogSpot se você usar a mesma conta que usa para fazer login no blogger e postar em seu blog.

    Se você pensar ou pesquisar um pouco o valor está baixo, com o mínimo necessário você poderia usar 10 vezes mais que o espaço gratuito, o valor anual hoje de $ 20,00 lhe permite 10 Gb.

    Você pode também procurar uma hospedagem grátis, mas, dão mais trabalho, tem limitações, etc.

    Responder
  15. Anônimo21/10/09

    que programa eu uzo pra fazer o imagem link ?

    Responder
  16. Anônimo22/10/09

    que programa vc uza ?

    Responder
  17. Anônimo
    Para publicar, editar o blog e postar ou fazer a imagem virar link sem ou com o uso de códigos utilizo o blogger.com, prefiro fazer isso com o Mozilla, mas fiz e faço isso com o Internet Explorer, Chrome e também funcionou, claro que de forma um pouco diferente em cada.

    Responder
  18. Ótima dica, tenho tentado fazer isso a um bom tempo! Agora consegui.
    Obrigado e sucesso!

    Responder
  19. olá. obrigada pelas dicas

    queria te perguntar se esse recurso serve para eu usar nos marcadores(adiciono o link do marcador na imagem e não preciso mexer com codigos)?

    se não pode me mandar um tutorial q me ensine isso?

    Abraços!

    Responder
  20. T. R. Freitas

    Serve sim, mas, você deve perceber que esses procedimentos são para criar um link com uma imagem, mas você só pode colocá-las dentro da postagem ou na área destinada a gadgets.

    Mesmo assim você deve usar o endereço correto daquela página do marcador, para isso abra ela em seu navegador e se aparecer a página corretamente copie o endereço da barra de endereço do navegador.

    Você também deve levar em conta que a imagem represente algo para as pessoas, ou raramente elas irão clicar, nesse caso perde parte de sua função, vendo por esse lado, a imagem-link deveria ser mais representativo e atrativo ao clique do que palavras, porém, existe a questão da estética do blog, nesse caso, nada lhe impede de colocar os mesmos links usando texto em uma parte menos visível do blog.

    Responder
  21. Parabéns pelo blog.
    Tinha visitado vários sites e só aqui consegui fazer corretamente.
    Gostei muito da postagem, simples e objetiva.
    Abraços
    Feliz Ano Novo.

    Responder
  22. obrigado passei horas tentando colocar isso e tentei de tudo até mexi no codigo html do blog mas nao funcionava
    de certa forma o blogspot facillitou algumas coisas mas tem coisa que vc nao pode fazer so com o comando do site quando er o blogger brasil era mais facil OBRIGADU MESMO VALEW
    Cristian-veneno neutro

    Responder
  23. Adorei o espaço! Único local no qual pude encontrar a solução para o que eu precisava.Vou postar um texto em comemoração ao 1º aniversário do meu blog compartilhado e estava querendo colocar uma imagem link na postagem!

    Obrigada!

    P.S:Não sei utilizar esse OpenId, já postou algo falando sobre?

    Responder
  24. Astréia

    Agora tem esse post O que é OpenId? Onde criar login?, mostra algumas características do OpnId e sites para fazer o login

    Responder
  25. Anônimo14/1/10

    Olá,

    Quero colocar uma imagem que ao clicar abra uma caixa de e-mail para que a pessoa possa entrar em contato com a gente ... mas não sei como fazer isso , o jeito que voce ensinou só serve para linkar a sites né ??

    Será que pode me ajudar ?

    Obrigada,
    Bjus Fê

    Responder
  26. Anônimo

    Se você seguir os procedimentos acima, no passo 5 você adiciona malito:SEU@MAIL.LOM no lugar onde colocaria o endereço http://

    Você deve substitui SEU@MAIL.LOM pelo seu email.

    Esse procedimento acima faz abrir um programa de envio de email que estiver configurado no Pc do usuário, se ele não tiver isso pode dar uma mensagem de erro.

    Pode ser mais aconselhável tentar um formulário de contato e um link para aquela página.

    Responder
  27. Me ajudem por favor, fiz um blog mas não sei quase nada ... Obrigada.

    Responder
  28. Maria Teresa

    É bom ser persistente e praticar, veja este post:Começando a criar um BlogSpot, veja as dicas

    Responder
  29. Anônimo22/2/10

    Nossa vlw kra uma coisa tão simples eu estava a quebrar cabeça fazia um tempãO vlw muito Obrigada

    BjinhOss

    BettahSlides.

    Responder
  30. siga meu blog
    http://natanwolf.blogspot.com/

    Responder
  31. Impressionante, pois segui todos os passos direitinho aqui e não consegui adicionar o orkut no meu blog.
    Minha nossa que tristeza.
    Sigo tudo direitinho mas a imagem não aparece no blog.
    Tem alguma ideia do que pode estar acontecendo?
    Obrigada pela atenção.
    P

    Responder
  32. LP Decor

    você não pode adicionar o orkut no seu blog, você pode criar um link para o orkut acessando ele e copiando o endereço da barra de endereços de seu navegador.

    As vezes é preciso paciência, dar um tempo e tentar novamente, ou, até mesmo pedir ajuda de alguém com mais experiência para tentar fazer algo a dois. Se está muito difícil fazer imagem link tente fazer um link de texto.

    Crie um outro blog só para testes, praticar e aprender sem medo de errar ou estragar.

    Responder
  33. Eu tentei de tudo pra pôr o link na imagem mais não foi. Mesmo assim, obrigado pela dica... Mas não consegui mesmo... A foto apenas abre normal, sem link algum.

    Responder
  34. pq não consigo salvar as configurações do editor atualizado, no meu blog???

    Responder
  35. Absoluto Café

    Talvez você não fez algo corretamente, tenta novamente, e explica melhor quais configurações não consegue salvar. O que acontece? Que problema lhe causa?

    Responder
  36. Olá, estou tentando colocar imagem link no blogger, mas a hora q vou colar a imagem na área de edição ela não aparece pq está acontecendo isto? Já tentei um punhado de vez e não dá certo. Obrigado!

    Responder
  37. shih tzu

    Se você estiver usando a opção Editar Html da página de criação de post, pode dar esse problema parecido.

    Pode ser problema com conexão ou navegador, você pode copiar a parte html de seu artigo, salvar em um documento sem formatação e reiniciar o navegador, e começar uma nova postagem.

    Faz mais postagens para praticar e descobrir qual o problema ou se você cometeu um erro.

    Responder
  38. quero saber como faço para quando eu ou os visitantes do meu blog clicarem no cabeçalho
    do blog(ou na foto que há no cabeçalho)aparecer INÍCIO
    pode me dar uma dica??????

    Responder
  39. Para visitantes do blog clicarem no cabeçalho do blog(ou na foto que há no cabeçalho)aparecer INÍCIO(página inicial) tenta ver Colocar um logotipo no BlogSpot

    Responder
  40. Oi acabei de criar um blogger...e estou com uma duvida.
    Como faço para inserir no meu site o numero de visitantes total que acessaram meu blogger!
    Agradeço..seu site ja me ajudou mt!
    =)

    Responder
  41. Suze & Sarah

    Primeiro é bom saber colocar um
    gadget tipo códigos na lateral do blog.

    Depois aconselho criar uma conta no Analytics para colocar um contador, ele é um pouco difícil de obter o código, mas, muitos sites/blogs tiram proveito desses tipos de serviço oferecido por eles, e a médio/longo prazo você sairá ganhando porque poderá saber coisas que dificilmente saberia sobre seu blog ou os visitantes, "como entender eles" e tirar proveito disso.

    Responder
  42. Não consigo colocar a imagem quando abro o javascript Formato Rich Text.
    Eu copio e colo e não aparece

    Responder
  43. Colecionadoras de Moda

    Você chegou aclicar no link Formato Rich Text?

    Você precisa clicar nele, observe que ao clicar nele ele vai mudar para Editar Html, nesse momento você estará no modo escrever e quando o link Formato Rich Text significa que você está no modo Html, é o inverso do que você vê no link.

    Se você não consegue copiar a imagem clicando nela tente pressionar o botão do mouse e arrastar sobre a imagem, dessa forma você seleciona ela.

    Responder
  44. ok, não consegui colocar a imagem link na lateral, copiei e colei mas so apareceu um codigo!!

    Responder
  45. Tokio Hotel Brasil Support

    Talvez você errou em alguns dos passos, pode ter copiado o código da imagem, você deve selecionar a imagem, por exemplo, eu poderia copiar a imagem do seu comentário acima e colar em uma área de gadget, desde que eu esteja editando o mesmo e tenha clicado no link Formato Rich Text

    Você pode criar um blog só para testes e fazer isso algumas vezes sem medo de errar para ver como funciona

    Responder
  46. eu selecionei a foto, cliquei nesse formato rich text e nao colou!!

    Responder
  47. Tokio Hotel Brasil Support

    Eu testei agora mesmo no Chrome e firefox até com o cache desativado, mas, isso só pode ser feito copiando coisas do navegador, se você copiar de outro programa talvez não de certo.

    Talvez alguma restrição na configuração do seu computador, pois, pelo que você falou não está conseguindo copiar a imagem, nesse caso escolhe a opção editar html de seu post e copia o código da imagem, só que nesse caso, ao colar na área de gadget, não pode clicar em Formato Rich Text, ou seja, você deve estar vendo esse link, se você estiver vendo ele na área de >Adicionar gadget >Html/Javascript, indica que você estará editando html

    Responder
  48. Ola a todos! Sou novato e estou aprendendo muito com os artigos publicados. Muito bons! Gostaria de saber se é possível e como fazer para transformar o título do gadget apresentação de slides em um hiperlink. Coloquei uma apresentação de slides pelo flickr e gostaria que ao ser clicado no título redirecionasse a outra página. Ou alguma sugestão. Obrigado.

    Responder
  49. gostaria muito de saber como faz sabe aquela caixinha que vem com o link da imagens que tem tipo no site de imagens para orkut,que vc so copia e cola na pagina do orkut,e embaixo da imagem vem um link onde a pessoa ckica e sai no teu blog,por favor me ensina a fazer isso,aquardo resposta,bjux!!!

    Responder
  50. Symone

    Infelizmente no momento não posso fazer isso, pois estou usando um Pc emprestado(notebook) e não tenho permissão para instalar o firefox, teclado e mouse desconfortáveis, etc, essas coisas dificultam muito o que tenho que fazer, só se você me lembrar daqui uns 8 dias, vejo uma forma fácil de fazer isso.

    Responder
  51. Valew essa dica eu tava querendo encontrala muito boa mesmo!

    Responder
  52. um deles n funfa!

    Responder
  53. djmano16

    Ralmente não dá para copiar e colar a imagem, no Internet explorer, por isso e outras coisas é melhor o firefox para usar o blogger.

    Responder
  54. as dicas são exelentes,que pena que não consigo assimilar rápidamente.kkkkkkkk?obrigado assim mesmo!

    Responder
  55. Poxa seu blog é fantastico. Pode não ter um design bonito mas o conteúdo é show! Parabéns.

    Responder
  56. Coloquei 2 gadgets(imagens) na lateral do blog, embora tenha o mesmo formato elas aparecem em tamanho diferente pq??
    Em tempo:parabéns pelo seu blog, ja add a meus favoritos

    Responder
  57. PJSOL

    É difícil eu saber o que aconteceu porque pode se fazer muita coisa ao colocar uma imagem, se você fez como explicado acima para colocar a imagem, talvez você tenha clicado sobre ela e aumentado o tamanho sem perceber ou ter mexido na parte do código, algumas coisas a gente precisa fazer varias vezes para entender as possibilidades do blogger e qual delas fez ou faz algo diferente, até ter prática bastante. Se precisar pode criar um novo blog para testes.

    Responder
  58. Olá!
    Eu segui todos os passos e só consegui colar a imagem pelo código html mesmo mas, pelo menos consegui! Todas as imagens que eu coloquei apareceram direitinho porém, antes da primeira, apareceu uma falha no fundo do gadget!!! Como tiro essa falha?

    Responder
  59. Bruna

    Deve se ter muito cuidado ao adicionar códigos, é bom saber um pouco de Html, provavelmente você adicionou um elemento incompleto, por exemplo, uma div, toda vez que adicionar uma tag parecida ou como essa <div> mais abaixo deve ter a finalização dela, geralmente depois de outros códigos ou texto precisa ter o fechamento da tag, algo assim </div>

    O Html básico é bem fácil, no seus códigos de gadget, um deles eu percebi um </div> sobrando acho que o de parcerias, e isso pode ter ocasionado o problema, o outro percebi uma div aberta e sem sua finalização, algo parecido com <div class='....'> acho que no contador

    Responder
  60. Valeu cara! Assim consegui fazer meu blog ficar melhor e com mais informações! Valeu mesmo!

    Responder
  61. Bom dia

    Procurava ajuda para colocar a lista de blogs favoritos a aparecer com os dados da publicação mais recente deles, nomeadamente data e resumo(título e imagem), sabe me indicar como fazer?

    Obrigada, desde já

    Responder
  62. Você foi sensacional...
    bem fácil de entender, me ajudou muito.
    grande abraço
    fica com Deus

    Responder
  63. Gente eu sei como fazer vou dar um tutorial aki
    Primeiro vá em Design>depois clique em adicionar um gadget>e vá em Imagem>coloque o TÍTULO que quiser>Se quiser a legenda>Em baixo esta escrito link coloque o link que você quer que vire uma imagem>escolha a imagem e salve depois olhe o blog e clike na imagem...vai para o site que você colocou xauuuu galera

    Responder
  64. Tenho um lightbox funcionando no meu blog, mas quando clico na mini imagem, a imagem maior não abre na mesma página do meu blog,já no meu localhost funciona tudo correto, existe uma forma de corrigir este problema. Alguém pode me ajudar, obrigado!

    Responder
  65. Décio

    É difícil saber o que acontece, mas, o blogger as vezes transforma letras maiúsculas de uma ID em minuscula ao colocar ele, isso poderia causar um problema, talvez um script que exista no blog que está causando isso.

    Responder
  66. Muito bom o passo a passo deu certinho

    Responder
  67. Nossa, muito prático, vi vários post complicados. O seu está 10

    Responder
  68. Ah, consegui(ENFIM) colocar imagem no sidebar.
    Obrigada!!!!

    Responder
  69. A maneira mais objetiva e simples que encontrei. Muito obrigada pela dica!

    Responder
  70. Muito, muito, muito obrigada! Eu nunca iria conseguir se não fosse você.

    Responder
  71. Tem como colocar gif-link?

    Responder
    ...Respostas
    1. Gif é um tipo de imagem, link é o tornar clicável, porém, ultimamente, quando coloca uma gif no blog do blogger ele converte para outro tipo.

      Sendo assim você precisará hospedar essa imagem na web e usar o endereço Url dela para inserir como imagem no post e depois então transformar em link.

  72. valew pelas dicas, deu certo.
    e visitem meu blog:
    http://blogdobrenobarbosa.blogspot.com

    Responder
  73. Obrigada, deu certo!

    Responder

→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!