Imagem não aparece no Blog ou Site

Existem muitos códigos para utilizar no blog que necessitam colocar a url(endereço) de uma imagem nele, como por exemplo, imagem de fundo, scripts, ou mesmo uma foto que deseja colocar no seu blog. E ai começa o problema muita gente diz o código não funciona, ou deu algum erro porque a imagem não apareceu, mas na verdade o defeito não está no código, mas muita gente pega a url errada da imagem, pois a maioria dos sites de hospedagem fornece vários códigos.

Sugerimos que use o ImageShack, normalmente a url que deve usar está em direct link ou algo parecido com isso.

Colocando uma imagem no blog

Agora veja como testar se está usando o endereço correto de uma imagem dentro do código no seu blog, copie o endereço da imagem e coloque no navegador depois clique enter, deve aparecer somente a imagem, sem mais nada. Se quiser clique na imagem acima e veja como ela aparece sozinha numa pagina em branco.

Se por acaso aparecerem mais coisas na página então você precisa voltar no site onde hospedou a imagem e encontrar o endereço correto. Pois a imagem somente irá funcionar como fundo do blog se for o link direto para a imagem e não uma página que mostra a mesma. Fazer esse teste simple pode poupar muito trabalho procurando o erro no lugar errado na hora de fazer alterações do layout do seu blog.

Veja também:

Fazer fundo degrade
Imagem de fundo parada
Ocultar a barra padrão do blogspot
Apagar comentários
Números para loterias no seu blog
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

58 comentários:

  1. Otima dica Fabiano .

    Um bom exemplo tambem é usar o

    http://picasaweb.google.com/

    Site sem spam e funcional

    Mais deve configurar e deixar os albuns puplicos ai todo mundo pode ver as imagens no Blog .

    Abraço e Sucesso Sempre :)

    ResponderExcluir
  2. ótima dica!

    eu tive alguns problemas com isso no começo, mas logo percebi o porquê! (:

    ResponderExcluir
  3. oi... olha como é que você conseguiu fazer o menu com comunidades, fique por dentro, utilidades para blogs, perfil e fale conosco...

    E como fez essa imagem como titulo, por favor peço-lhe que me responda...

    Obrigado

    ResponderExcluir
  4. o menu que abre mais opções tem aqui a explicação
    http://www.dicasparablogs.com.br/2009/05/criar-um-menu-expansivel-no-blog.html

    sobre o título deste blog, ele é feito num programa chamado flash, não tem como explicar melhor, só mesmo conhecendo o programa.

    ResponderExcluir
  5. Fabiano
    eu tive problemas com algumas imagens do meu blog que hospedei no imagshack (banner,imagem do feed e twitter entre outras), aparecia só um fundo preto com um texto que não tenho idéia do que dizia (tava tudo em inglês e eu não sei uma palavra), você sabe o que pode ter ocorrido pois outras imagens continuam aparecendo normalmente.
    Obrigado
    Cleisson

    ResponderExcluir
  6. não me lembro do imageshack sumir com imagens, mas esses dias todos tiveram algum tipo de problema com as imagens hospedadas lá.

    o jeito é hospedar a imagem novamente se ainda tiver a original no seu computador

    ResponderExcluir
  7. Oi, fiz o teste da imagem hospedada (imagemshack) ela aparece certinho só que no meu blog ela não aparece de jeito nenhum, estou tentando fazer colocar um link em uma imagem, eu vi varios tutoriais,mas nenhum que a imagem apareça, porque voces não fazem um tutorial desse, estou montando 2 blogs e coloquei em cadaum esses relogios link daqui e é isso que quero fazer me ajuda?

    ResponderExcluir
  8. sheil.ap23
    veja aqui sobre hospedagem

    http://www.dicasparablogs.com.br/2008/12/hospedagem-de-imagens.html

    qual o endereço de imagem que você está usando?

    ResponderExcluir
  9. Olá amigo fiz como vc disse testei a imagem e na pagina so apareceu ela ate esse ponto deu certo mas quando coloquei no blog a caixinha link-me apareceu com o codigo mas a imagem não no lugar da imagem apareceu um quadrado com um X no meio, como faço para aparecer a caixinha link-me com o codigo e meu banner ao lado< será q é pq digitei o endereço com HTTP:// ?
    Vou deixar ela no meu blog msm com erro para depois arrumar se quiser passa la e veja como é o erro, aguardo resposta, abraço

    ResponderExcluir
  10. Amigo mais uma coisa quando peguei a imagem pra clicar sem a caixinha link-me deu certo com a caixinha a imagem não apareceu.

    ResponderExcluir
  11. Nossos olhares
    precisa usar o http, mas deve ter algo errado no código, use nosso gerador de códigos
    http://www.dicasparablogs.com.br/2007/04/gerador-de-cdigo.html

    ResponderExcluir
  12. Valeu amigo obrigado pela dica faltou so uma letra msm q não copiei junto agora deu certo

    ResponderExcluir
  13. eu estou tentando colocar um album no blog com link para image shark por exemplo clicar sobre uma imagem no blog que abre um album correspondente me ajudem por favor enviar e=mail para rafinhachapaquente@hotmail.com

    ResponderExcluir
  14. precisa criar o album no imageshack e depois copiar o link para colocar na imagem no seu blog

    ResponderExcluir
  15. Fala aê Fabiano blz

    to com um problemão.
    A imagem que uso para download no meu blog simplesmente sumiu! Não consigo encontra-la no html ela ainda aparece quando coloco o endereço de onde esta hospedada porem no meu blog não aparece.

    Troquei o endereço de um post e apareceu, será que vou ter que trocar dos outros 1000 que tenho...
    Me dá um help ai por favor!?
    www.rabaydownloads.blogspot.com

    ResponderExcluir
  16. Detalhes, já xpandi o html e procurei pela imagem ... e nada!
    Já to ficando com raiva!

    ResponderExcluir
  17. Rabay Downloads

    olhei seu site e infelizmente cada um dos links para download usam uma imagem diferente(url da imagem), ou seja vai ter que trocar o endereço da imagem em cada postagem que sumiu.

    ResponderExcluir
  18. Oi, tudo bem? Vc pode me explicar como posso redimensionar minha foto? Eu a hospedei no imageshack e quando a coloco no blog ela fica enorme! bjos e obrigada!

    ResponderExcluir
  19. Menina Veneno
    é possivel mudar o tamanho da imagem com códigos, mas pode distorcer, assim:

    <img src="endereço da iamgem" width="140" height="140" border="0" />



    os valores que colocar no lugar de 140 será o tamanho dela, mas o jeito certo é usar um programa para editar a imagem e deixa-la no tamanho correto antes de hospedar.

    Programas Gratuitos para Edição de Imagens

    ResponderExcluir
  20. Então, isso que vc me falou, eu faço com os vídeos do youtube (aprendi aqui no blog tbm), mas não dá certo com minha foto, pois no código q vc fala pra gente usar não tem esse "width" e nem esse "height" (olha só: http://img243.imageshack.us/img243/9125/make2059cpia.jpg)... nem os demais links tem essas palavras. Verei se consigo mudar seguindo a sua sugestão de editar a imagem (tentar rsrs) antes de hospedá-la. Muito obrigada pela atenção e um ótimo final de semana!

    ResponderExcluir
  21. se for colocar como um gadget use a opção html/javascript e cole esse código

    <img src="http://img243.imageshack.us/img243/9125/make2059cpia.jpg" width="468" height="520" border="0" />

    ResponderExcluir
  22. FABIANO. SOU EXTREMAMENTE LEIGA NAS QUESTÕES RELACIONADAS A EDIÇÃO E CONFIGURAÇÃO DE BLOG. COM AS COISINHAS MAIS BÁSICAS ATÉ ME VIRO DIREITINHO. ESTOU ENFRENTANDO DOIS PROBLEMAS HÁ SEMANAS. JÁ PESQUISEI, VISITEI FORUNS, ETC E NÃO CONSIGO ENCONTRAR AJUDA PARA RESOLVÊ-LOS. 1º)AS FOTOS E IMAGENS QUE PUBLICO NOS POSTS NÃO ESTOU ABRINDO EM OUTRA PÁGINA, OU SEJA, EM TAMANHO MAIOR, QDO CLICO SOBRE ELAS. HÁ DIAS ATRÁS AS IMAGENS FICAVAM DESLOCADAS. COMO SE ESTIVESSEM FORA DA "MOLDURA" SE FOSSEM POSTADS EM TAMANHO MÉDIO. AGORA ESSE PROBLEMA CESSOU, MAS SE CLICO EM CIMA DELAS NÃO CONSIGO ABRI-LAS EM UMA JANELA EM TAMANHO MAIOR. 2º) AS IMAGENS QUE ESTÃO ADICIONADAS NOS GADGETS NO LADO DIREITO DO BLOG QDO CLICADAS NELAS AS MESMAS NÃO REDIRECIONAM PARA O ENDEREÇO LINKADO, NEM ABREM EM OUTRA JANELA.SERÁ QUE VC PODE ME AJUDAR? OS PROBLEMAS COMEÇARAM HÁ UNS 50 DIAS MAIS OU MENOS. ANTES TUDO FUNCIONAVA PERFEITAMENTE BEM.OBRIGADA POR SUA ATENÇÃO!KARINE
    www.meumundinhomakeup.blogspot.com

    ResponderExcluir
  23. Olá Fabiano!

    O senhor é Mestre na arte de ensinar.
    Explica tudo tão bem que eu que sou da pré consigo entender à primeira ... :)

    Este artigo ensinou-me o que eu andava desesperada para conseguir fazer há algum tempo...


    Obrigada!

    Ana Maria Parreira (Lisboa)

    ResponderExcluir
  24. Karine Winter




    para as imagens das postagens abrirem numa nova janela é preciso colocar target="_blank" no código delas na hora de postar, assim:
    href="endereço da imagem" target="_blank"><img style=....

    sobre as imagens no menu, se está enviando as imagens pelo gadget imagem não tem como alterar isso, só se postar suas imagens usando o gadget html/javascript, mas precisa saber montar os codigos e hospedar imagens

    ResponderExcluir
  25. EI eu tenho alguns códigos em meu blog que vc ensinou a faser gostei e colokei no site para quem visitar possam tbm tah com o msm efeito e coloquei os devidos creditos ao Dicas para Blogs veja lah o unico código ke estah lah

    http://bbaaiixxaakkii.blogspot.com/2010/10/colocar-efeito-neve-no-blog.html

    tah certo os creditos? manda ai a resposta pelos comentarios

    ResponderExcluir
  26. Tiago
    você não pode publicar nosso tutorial inteiro, escreva uma descrição do que o código faz e coloque o link.

    ResponderExcluir
  27. Oie!! Obrigadoooo, mais uma vez!
    já estou com a minha caixa link-me rsrs
    Deus continue te usando!!

    ResponderExcluir
  28. Preciso de ajuda.
    No editor de html a imagem aparece, porém qd envio para ftp ela nao aparece.
    Resolvi hospedar a foto e mesmo assim nao aparece. Aparece um X e qd clico no X, a imagem abre.
    O q devo fazer?
    OBRIGADO.

    ResponderExcluir
  29. se apareceu o x é porque o endereço da imagem está errado

    ResponderExcluir
  30. Ola, Fabiano então to usando imageshack a anos no meu blog, e agora do nada todas as imagens aparecem um sapo e uma mensagem em ingles para se registrar, fiz isso e mesmo assim continua com o erro .... pode me ajudar? no aguardo

    ResponderExcluir
  31. também notei o problema com o imageshack, tente hospedar suas imagens no google site(Hospedar Arquivos Grátis no Google Sites) ou no próprio blogger fazendo uma postagem ou pagina extra só com imagens

    ResponderExcluir
  32. fiz exatamente como descreveu mas mesmo assim nao obtiver exito sempre aparece a mensagem : " Este gadget tem erros e só poderá ser usado depois de corrigido. Saiba mais"

    podem me ajudar?
    grato

    ResponderExcluir
  33. acho que está colocando endereço da imagem em lugar errado..

    você usou esse endereço da imagem na pagina adicionar gadget?

    se for tem um gadget para imagens, não precisa colocar o endereço

    ResponderExcluir
  34. vou descrever como fiz:
    entrei no site "imageshack" como vc diz no dicasparablogs e fiz upload da imagem q eu qria. copiei o cod. no "directlink".
    entrei no meu blog, na opção "Design" e nesta tela tem uma opção "adicionar um gadget" cliquei nessa opção e abriu uma outra tela com varias opções de gadgets do google e mais abaixo tinha uma opção de "adicionar seu proprio gadget" cliquei nessa opção e em seguida apareceu uma outra tela com um campo em branco e um botao logo abaixo escrito "adicionar por URL" entao colei o directlink la e em seguida cliquei em add por url e recebi uma mensagem falando que "Este gadget tem erros e só poderá ser usado depois de corrigido. Saiba mais"
    foi a unica maneira q eu achei q poderia ser feito, porem posso ter me enganado e gostaria de saber de vc pode me ajudar com mais claresa.

    grato

    ResponderExcluir
  35. EBM
    esse campo para criar seu proprio gadget não é para imagens. isso é para quem cria gadgets, programadores.

    use o gadget de imagens e poderá enviar diretamente para o blogger.

    ResponderExcluir
  36. onde q fika essa opção de criar gadget de imagem ? nao o encontro pode me mostrar o caminho? grato

    ResponderExcluir
  37. quando você clica para adicionar um gadget aparece uma lista de opções: marcadores, html/javascript, lista de links e muitos outros entre eles tem um para enviar imagens

    ResponderExcluir
  38. Tentei colocar as imagens de miniaturas , mas o que apareceu foi simplesmente a frase em inglês e sem imagens. Como devo fazer?

    ResponderExcluir
  39. Eu estou tentando colocar uma imagem no lugar do nome do gadget. Primeiro ocorreu tuda bem, e fui seguindo o mesmo procedimento. mas quando cheguei do gadget "Seguidores" a imagem (Já hospedada no ImageShack) Não apareceu! Eu vi e revi o códi várias veses, mas não achei nada de errado. A imagem continua sem aparecer.

    ResponderExcluir
  40. Laura
    mas a imagem aparece no navegador como dissemos? somente a imagem sem mais nada?

    faça o teste, se aparecer algo mais é porque o endereço da imagem está errado

    copie esse link e cole no navegador:
    http://1.bp.blogspot.com/_-v7nVhXnPEc/Sk3kOsKnKCI/AAAAAAAAAQo/5qj7odgYNsQ/s1600-h/hospedagem-imagens.jpg

    a sua imagem deve aparecer deste jeito, sem mais nada na pagina

    ResponderExcluir
  41. O que quero dizer é que não aconteceu nada. Todas as imagens nos nomes dos outros Gadgets (Promova, Pesquisa, Tradutor, etc...) Apareceram, mas a imagem no título de "Seguigores" não aparece! O nome continua lá, mas com a fonte normal, sem imagem. Olha:
    http://garotas-ao-extremo.blogspot.com/

    ResponderExcluir
  42. o gadget dos seguidores tem fundo proprio... é um iframe por isso não tem como alterar o fundo dele

    ResponderExcluir
  43. ei cara meu problema não é esse,ate aparece a imagem so que não aparece o link embaixo, só uma caixa branca vazia. o que que eu faço

    ResponderExcluir
  44. caixa branca vazia?... onde? no site imageshack na hora de pegar o endereço da imagem? se for é porque precisa fazer um cadastro no site

    ResponderExcluir
  45. quero saber por que no meu blog só apareceu o banner sem o codigo, como eu fasso para ele aparecer meu blog é o micago.blogspot.com

    ResponderExcluir
  46. Fabiano queria tirar umas imgens que não aparecem no meu blog!

    Eu peguei esse template que uso em um site e veio cheio de erros! conseguir tirar alguns mas outros estão insuportáveis!

    São imagens do tinypic! e elas só saem quando excluo os Gadgets! e toda vez que eu coloco novos Gadgets elas aparecem!!!!

    Será que é alguma coisa de sidebar ou algo assim no html! http://phabloproject.blogspot.com/

    ainda estou editando!

    quero deixa meu blog bem elaborado com ferramentas mas esses Gadgets com essas imagens me dão raiva!

    ResponderExcluir
  47. talvez sejam imagem de fundo no html do blog

    entre na pagina editar html e use o ctrl F para procurar por tinypic então achará as imagens.

    ResponderExcluir
  48. só tem outo mais dois problemas! não permanece o botão de compartilhamento no corpo Gadget dos posts e outro é uma caixa invisível com um link falso como se fosse uma imagem e eu não coloco imagem nenhuma! olha lá! e me diz que parte do html pra tirar ou sei lá! me ajude!

    http://phabloproject.blogspot.com/

    ResponderExcluir
  49. para pegar o direct link precisa se cadastrar no site

    ResponderExcluir
  50. OI BOA NOITE. SOU AUTOR DO BLOG MAN FOR MAN E SEXY CLUBE. QUERIA ADD O MEU BANNER NA MINHA PAGINA, CONSEGUI, ATE AI TUDO BEM.
    FIZ DO JEITO QUE ENSINOU AQUI, POREM QUANDO CLICO NA IMAGEM NAO ACONTECE NADA.
    O BANNER É ANIMADO, TA FUNCIONANDO DIREITINHO, POREM NÃO REDIRECIONA A LUGAR NENHUM.

    O QUE HOUVE?

    AGRADEÇO E AGUARDO SEU CONTATO.

    ResponderExcluir
  51. Iran Pessoa
    veja aqui:
    Como fazer um banner

    mas se é um banner de divulgação é normal não acontecer nada ao clicar nele.

    só tem o link no código da caixinha que as pessoas podem copiar para colocar seu banner no blog delas.

    ResponderExcluir
  52. Olá, sou inscrita no seu blog e vc esta de parabéns...Coloquei no meu blog: lyndadebonyta.blospot.com a caixinha de link me porem o local do endereço aparece totalmente em branco...Por favor me ajude!
    Já lhe agradeço a atenção e atendimento,
    carol

    ResponderExcluir
  53. Anan esse problema aconteceu depois que o blogger alterou a pagina do editor de html, mas por enquanto não temos uma solução para o problema.

    ResponderExcluir
  54. as imagens do meu blog não aparece no mozila só google chrome, alguém saberia explicar porque?

    ResponderExcluir
    Respostas
    1. isso deve ser uma falha de carregamento. Tente excluir o histórico de internet

      Excluir