Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

24/01/2012

Bloquear botão direito nas imagens



Ontem eu ensinei como bloquear a seleção, hoje eu vou mostrar um código poderoso que bloqueia o botão direito apenas nas imagens. O bom é que tradicionalmente os blogueiros utilizam um código que ao clicar com o botão direito aparece uma poup-up. Mas isso não é garantia de segurança, pois pelo Firefox tem como bloquear essas poup-up's (o próprio Firefox já coloca a opção para desabilitá-las).
Mas procurando na net eu achei esse código que bloqueia apenas o botão direito nas imagens. E digo mais: só naquelas que forem hospedadas nos sites que você determinou.

Mas também tem algumas desvantagens. Por exemplo: se você parar o carregamento da página antes de tudo carregar, o código não funciona. Ainda dá para clicar com o botão direito nas visualizações dinâmicas (quando se coloca /view depois do endereço do blog), então é preciso que você desabilite as visualizações dinâmicas. E a última desvantagem é que você vai ter que tirar o link de todas as imagens, ou elas vão abrir em outra página. Veja aqui como tirar o link das imagens. Mesmo assim é o melhor código que tem... Você já deve ter entendido porque eu não o uso...


Tutorial de Bloqueio do botão direito nas imagens:

Para colocar o código é bem simples. Basta ir na aba "Layout" (Design) e adicionar um gadget (HTML/Javascript) em qualquer lugar do seu blog (pode ser no rodapé, por exemplo), o código é o seguinte:

<script type="text/javascript" language="Javascript" >
/* 'A Better Mouse Trap' copy prevention script (c) 2004
Concho Software - San Angelo, TX USA http://copy-not.com
also available at http://www.isdntek.com
This script is free.       Do not remove this notice! */
function copyNotS(){ for(im in document.images){
if(document.images[im].src){ if
(document.images[im].src.indexOf("photobucket.com")>=0 ||
document.images[im].src.indexOf("sphotos.ak.fbcdn.net")>=0 ||
document.images[im].src.indexOf("blogspot.com")>=0){
document.images[im].galleryimg="no";
document.images[im].onmousedown=function(){return false};
document.images[im].ondrag=function(){return false};
document.images[im].oncontextmenu=function(){return false}
}}}} setTimeout("copyNotS()",200); 
/* NOTE! images must load before script executes */
</script>

A parte em vermelho é a que configura os sites em que você hospeda as imagens que você vai bloquear. Se quiser modificar ou colocar mais, troque a parte em vermelho (apenas a que está em vermelho) por esse trecho:
document.images[im].src.indexOf("URL_DO_SITE1")>=0 ||
document.images[im].src.indexOf("URL_DO_SITE2")>=0 ||
document.images[im].src.indexOf("URL_DO_SITE_N")>=0 ||
document.images[im].src.indexOf("URL_DO_SITE3")>=0)

É só trocar o URL_DO_SITE1 pelo endereço do site sem www, ou http:// ou qualquer outra coisa antes do domínio do mesmo (por exemplo, com a imagem http://1.bp.blogspot.com/-zlWxbARoEq0/Txmgg1amrUI/AAAAAAAABeo/CPEONeXeUsE/s1600/SONHO.png você só vai colocar aí a parte em vermelho, nada que tenha antes ou depois).
Para colocar mais, cole o código: document.images[im].src.indexOf("URL_DO_SITE_N")>=0 ||

acima de document.images[im].src.indexOf("URL_DO_SITE3")>=0)

Eu não vejo pessoalmente muita vantagem no código, mas pode ser que seja útil a alguém. Os créditos do site que eu peguei estão no próprio código.
Caso tenha alguma dificuldade, pode deixar um comentário!!!

Mil Sweetkisses,
11 Comentários
Comentários

11 comentários:

  1. Dica valiosa pra nós blogueiras née flooor!!! Valeu por compartilhar. Bjokas
    Day

    http://impaciencianet.blogspot.com/

    ResponderExcluir
  2. Otima dica, mais não vai valer pra mim, pois muitaaas imagens minhas estão com links e preciso delas assim, então essa eu passo!! Rsrsrsrs... =D
    Sheila tenho uma otima noticia, meu menino foi ao medico ontem e não deu nadaaa... realmente ele está com 4 inguas, 3 por dentro e uma por fora, mais são só inguas, a medica disse que não sabe o por que delas, mais disse que meu menino está otimo de saude, receitou uma vitamina, só pra complementar, pois nem com anemia ele está e receitou remedio para verminose e tudo está bem, pediu para que ele faça outros exames daqui a 6 meses só pra reforçar de que ele está bem!! Como eu tô feliz viu amiga!! Obrigada por suas orações viu!! e verdade!!

    Outra coisa que queria te falar, menina minha net não dá mais, tá ruim demais, andei olhando os planos da OI e queria saber se vc sabe me dizer se são bons, olhei um pacote da OI velox de 5 megas, que está dentro do meu orçamento, mais fico na duvida, será que é boa? É tudo sem fio, é net de modem, mais será que vale? Se puder me tirar está duvida... Bjks

    ResponderExcluir
  3. Muito boa a dica! Porém, não acho tãaaaaao eficiente porque mesmo assim vai sempre existir o botãozinho 'print screen' :/

    Beijos,
    Caroline, do http://criticandoporai.blogspot.com

    ResponderExcluir
  4. Opa, outro tutorial bacana!

    Eu não sou de usar essas coisas. A galera sabe que se me copiar, o bicho pega HGFJKHGFJKGHFJK Uma vez uma garota me copiou. Isso faz uns três anos... man, pra que? Acho que ela nunca mais vai copiar alguém na vida HGJKFHGJHGFJ

    Bjonas e fique com Deus <3

    ResponderExcluir
  5. Muito boa a dica do tutorial, muito util para aquelas imagens , por exemplo que a gente não quer que rebloguem .beijos
    http://blogbondmais.blogspot.com

    ResponderExcluir
  6. Eu tbm acho que esse código não tem muita utilidade, seria utilizável para blogs de fotografias.

    Mesmo assim, muito bom o tutorial (:

    ResponderExcluir
  7. Ótima dica Sheila! Adoreeei!
    Sempre que puder venho comentar aqui <3
    Ótima terça p/vc :)

    Bjs,
    http://bnascimentooo.blogspot.com

    ResponderExcluir
  8. Otiima diica :)
    bjookas
    http://sooulteen.blogspot.com/

    ResponderExcluir
  9. hauhauhauhauhauhau
    flor, claro que eu li, ué! Não era pra ter lido? hihihihihi
    OS seus tutoriais são mega úteis!


    Beeeijooos,

    http://re-becah.blogspot.com

    ResponderExcluir
  10. oi querida
    que bom que gostou do texto
    e sem problemas
    assim que tiver
    vamos lá bjs

    ResponderExcluir
  11. Legal a dica Sheila!

    Só complementando você pode colocar avisos, alertas, etc nesse código. Assim o usuário não fica tentando várias vezes na dúvida se o comando está funcionando ou não.
    na parte do código
    document.images[im].oncontextmenu=function(){alert("Proibido copiar");return false}

    onde tá esse código alert("Proibido copiar"); pode entrar outros tantos permitido por javascript.

    Legal mesmo a dica.
    JS tem o poder de melhorar nossas paginas.

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados