Retirar o Links das Imagens das Postagens


Depois de colocar alguns códigos que bloqueiam o botão direito do mouse, teclado e outras coisas surge um novo problema nas imagens das postagens é possível clicar nelas e abrir numa nova janela onde é possível copiar facilmente, então precisamos impedir que a imagem da postagem tenha um link para a própria imagem. Para resolver isso é bem simples: basta trocar o link para a imagem por # no código gerado pelo blogspot.
No caso da imagem postada acima o código original quando postei a imagem era:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s1600-h/imagem.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 100px;" src="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>

Então no começo dele depois de href=" troque esse endereço por #, apague cursor:pointer; cursor:hand; e coloque no lugar cursor: default; isso faz não aparecer a mãozinha no lugar do cursor, o código fica desse jeito:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#"><img style="display:block; margin:0px auto 10px; text-align:center;cursor: default;width: 300px; height: 100px;" src="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>

E pronto agora mesmo que clicar sobre ela nada acontecerá.

Outra maneira de fazer isso é deixar apenas a parte do código que é a imagem e retirar o link, no caso do exemplo acima deixe apenas o que está entre , e apague cursor:pointer; cursor:hand; neste caso basta apagar não é preciso colocar nada pois o mouse não muda ao passar sobre a imagem, ficando assim o código:

<img style="display:block; margin:0px auto 10px; text-align:center;width: 300px; height: 100px;" src="http://2.bp.blogspot.com/_UTkn-5f-k5E/SXN57FbELOI/AAAAAAAAAis/NVsgSV1AdtI/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" />

As duas explicações funcionam do mesmo jeito é apenas uma questão de qual achar mais fácil fazer, porém no caso de postar uma imagem maior que será reduzida automaticamente pelo blogspot não tem como usar essa explicação. O que resta a fazer então é publicar em um site de hospedagem de imagem (Photobucket ou ImageShack) e depois colocar o código aqui, claro se a largura do seu blog for suficiente para isso senão terá mesmo que reduzir o tamanho da imagem.

34 comentários :

  1. Ola Amigo, Agradeco pela sua imença ajuda. NOTA 1000 para seus tutoriais!!!

    ResponderExcluir
  2. Oi Fabiano!
    Tem um meme pra você lá no meu blog. Um abraço...

    ResponderExcluir
  3. esse código só aparece depois que você colocar uma imagem na sua postagem

    ResponderExcluir
  4. Ailton, voce faz seu post normalmente, coloca uma imagem. Ai no proprio local onde voce faz o post, tem uma barrinha superior que converte o seu post para HTML. Ai la voce vai ver este codigo. Este blog ta de mais!! Abracos

    ResponderExcluir
  5. Ola Fabiano, mais uma duvida ok? Consegui colocar bloqueio do mouse direito e esse da sua postagem. Porem, como meu blog é muito visitado por crianças, eles começam a copiar e colocar nos blogs deles. E sei que existem vários programas de captura de tela. Porém as crianças usam muito a tecla PrtScn. Verifiquei que o bloqueio do mouse direito também bloqueia o ctrl+c, mas a tecla PrtScn não ta bloqueado. Como fazer este bloqueio tambem?! Grato mais uma vez

    ResponderExcluir
  6. realmente o código não blogqueia a tecla print screen vou pesquisar sobre e logo publico um novo código.

    mas sobre proteger imagens ou texto, nada é 100% sempre existe um jeito de burlar isso e copiar.

    ResponderExcluir
  7. Pra quem usa Internet explorer ta fudido mas quem usa opera é uma maravilha... Eu uso e recomendo opera e este tipo de "solução" que tenta travar o usuário deve ser banida. Estamos na época do conteudo compartilhado... Se não fosse assim melhor que v6s escrevessem um livro e o vendessem carrissimo... Mas engraçado vc querem visitas e querem bloquiar o usuário?
    É por isto que não tem muitas visitas pensão pequeno.
    Não se esqueça o usuário é o rei!!!

    ResponderExcluir
  8. O BLOG OFICIAL ZXY

    apesar de você ser um pouco agressivo no modo de dizer as coisas, concordo com você não adianta tentar impedir a cópia do conteúdo porque é impossível.

    e apesar de tantos falarem em novidades não existe nada exclusivo na internet, são apenas modificações de um original.

    eu também uso o Opera as vezes, mas prefiro o Firefox

    ResponderExcluir
  9. Para o comentario do Blog oficial ZXY: Isso mesmo, vamos banir os copyright, e tudo mais. Acabar com a criatividade alheia, e quem sabe, anarquia total?! Para voce que acha que o trabalho das pessoas que se dedicam em fazer as coisa, usando tempo e estudo, nao vale nada, que o negocio eh sair copiando, so uma dica: Por isso que pessoas como voce eh deste nivel, agressivo nos comentarios e que acham que eh o dono da verdade.

    ResponderExcluir
  10. Por favor, fiz um blog e necessito muito de uma barra de rolagem, parecida com essa sua azul. Por favor me ensina a por essa barra. Eu dei uma olhada nos seus posts antigos e vc diz como fazer mudando CSS do blog, mas não entendi onde eu mudo e add o que vc pediu. Por favor me responda.

    ResponderExcluir
  11. Lucas
    aqui tem um menu com barra de rolagem
    http://dicasparablogs.blogspot.com/2007/11/menu-com-barra-de-rolagem.html

    onde fala adicionar elemento de pagina é adicionar gadget, isso porque a postagem foi feita antes desse mudança, mas funciona do mesmo jeito

    a parte do CSS é na pagina editar html, coloque junto com os outros CSS que tem lá, depois que aparecer body{....} encontre onde fecha a chave"}" e coloque os códigos.

    ResponderExcluir
  12. Seus tutoriais sao joias!
    Valeu mesmo queridos!
    Abra*os!

    ResponderExcluir
  13. ótimo!!! mas me diz uma coisa. tem como clicar na imagem, aumentar o tamanho dela e não premitir que depois disso ela seja copiada??? pq a fórmula que vc explicou só faz impedir que se clique na imagem e ela amplie correto?? grato.

    ResponderExcluir
  14. Julio

    não tem como impedir a cópia quando clica para ampliar porque a janela que abre é automatica do blogspot, e a imagem está sozinha sem código algum.

    mas não se preocupe demais com códigos para impedir cópias, apesar de ter postado vários neste blog sei que sempre existe um jeito de copiar, os códigos apenas dificultam um pouco.

    ResponderExcluir
  15. Muito boa tarde a todos. Gostei muito do seu blogue. Foi muito útil. Posteriormente vou colocar um link em meu blogue redireccionando para este blogue.

    Passem no meu blogue, critiquem e comentem. Estou a pensar num futuro próximo colocar toturiais de photoshop.

    Um abraço.

    ResponderExcluir
  16. tutoriais de photoshop é uma boa idéia muita gente procura por isso na internet

    ResponderExcluir
  17. Fabiano,

    Acho que todos veem aqui agradecer, sou mais uma nessa lista, mas sabe que seu blog vicia...kkkkk
    Tenho usado várias dicas importantes e tenho conseguido resultado perfeitos, estarei sempre prestigiando seu trabalho.
    Parabéns.
    Abs
    Ivy

    ResponderExcluir
  18. Ivy Freitas
    eu também fico tempo demais por aqui rsrs

    ResponderExcluir
  19. ACABEI DE VER ESTE POST, AGORA SIMMMM........ TODAS AS FOTOS DO MEU BLOG FICARÃO BLOQUEADAS.... VCS SÃO DEMAIS MESMO!!!!!
    BRIGADÃO!!!
    MEU BLOG: www.arkaencantada.blogspot.com

    ResponderExcluir
  20. Fabiano, o que eu quero te perguntar não tem muito a ver com este post mas tem a ver com "Imagem da Postagem".

    Eu queria que a imagem da postagem do meu blog ficasse no lado esquerdo e o texto ficasse do lado direito da imagem e também que a imagem ficasse com um tamanho padrão em todas as postagens...

    Você consegue me arrumar o código e onde coloca-lo no meu blog ?

    Meu blog: www.taurengames.com

    ResponderExcluir
  21. Fábio Henrique

    o tamanho da imagem você precisa acertar antes de enviar é recomendavel ter um programa para editar imagens(Programas Gratuitos para Edição de Imagens)

    sobre colocar ela ao lado do texto, veja que na caixa onde envia as imagens tem a opção de lado(esquerdo e direito)

    ResponderExcluir
  22. com sua dica, bloquei o direito do mouse, mas ...como disse , nao teve jeito para fotos.bom, li o tutorial para isto, mas ficou uma duvida: toda vez que eu postar uma foto, ela sera bloqueada automaticamente, ou tenho que fazer o procedimento a cada foto que postar?esse codigo que deve ser modificado onde ele fica quando vou postar? muito obrigada pela sua ajuda.aguardo retorno.

    ResponderExcluir
  23. maria luiza
    para retirar o link da imagem tem que fazer toda vez que enviar uma imagem, não tem jeito.

    ResponderExcluir
  24. maravilhoso!!! Obrigada!

    ResponderExcluir
  25. me da dor de cabeça so de ver as letras

    ResponderExcluir
  26. Olá Fabiano, estou aqui para te dizer que descobri uma falha neste post.
    O problema é que você não relacionou nada sobre o botão direito do mouse.Eu testei e cliquei em "salvar imagem como" e abri a imagem e ela aparareceu.

    ResponderExcluir
  27. existem muitos outros códigos para proteger imagens e texto, mas infelizmente nenhum deles é 100%


    Bloquear o botão direito do mouse

    ResponderExcluir
  28. isso ai é fácil e já sabia. O que queria praticamente é o que vc fez.

    Ao invés de ter que fazer isso todas as vezes que postar alguma imagem, tem outra forma de fazer com que as imagens fiquem bloqueadas (para que nao abra ao clicar com botao esquerdo) editando o HTML ? pois assim evitaria maior tempão.

    ResponderExcluir
  29. Bom dia, gostaria de saber como posso tirar das o fundo branco das imagens que coloco no blog,fica muito feio e compromete a estética do blog.
    Obrigada.

    ResponderExcluir
  30. Rosana Mafra
    se o fundo branco faz parte da imagem só com um programa para editar imagens, veja aqui Programa para editar imagem ou fotos grátis - Editores de Imagens

    ResponderExcluir
  31. encontrei uma maneira muito facil mesmo de tira esse link é só vcs clica na imagem depois clica em link e atualiza e seja feliz kkk

    ResponderExcluir