Arquivos do Website:

Código para bloquear o clique do botão direito do mouse em imagens num blog do Blogger!


Impedir que alguém copie as imagens de uma página na web é praticamente impossível, pois existem vários métodos para copiar uma imagem (Não existem imagens online, ou até mesmo, as que estão aí no seu computador, que estejam completamente seguras... se você possui imagens comprometedoras aí no seu computador, tome cuidado, pois alguém pode invadir o seu pc e espalhá-las na web). Para dificultar a invasão do seu computador, faça o básico; instale um bom antivírus, um firewall, evite entrar em qualquer site, não clique em links estranhos, não faça download de qualquer arquivo que você encontrar na web, evite clicar em links apelativos, suspeitos e/ou duvidosos, que você recebe na sua caixa de e-mail...!



Imagem: Mikhail Rogov - http://en.wikipedia.org/wiki/File:Coral_reef_in_Ras_Muhammad_nature_park_(Iolanda_reef).jpg

Você não pode impedir que alguém copie as imagens que estão na sua página da web, mas, pode dificultar um pouco a cópia, colocando marcas d'água nas imagens (recomendado) ou bloquear o jeito mais simples de copiar uma imagem... "O famoso botão direito do mouse"! Se você possui um blog hospedado na plataforma Blogger, e deseja dificultar a cópia das imagens dos posts do seu blog, basta bloquear o botão direito do mouse com esta simples linha de código:

oncontextmenu='alert("A cópia dessa imagem não está autorizada!");return false;'

Ao adicionar esta pequena linha de código, no código de uma imagem, num post do Blogger, irá aparecer uma pequena janela pop-up de alerta, com uma mensagem (O texto da mensagem de alerta pode ser definido por você)!

Veja como fica o código original da imagem de um post, num blog no Blogger:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-BUQU1P6FhsE/T9Pd1CLT4EI/AAAAAAAAG3s/dr6e269VB7g/s1600/Coral+-+Peixes+vermelhos+no+fundo+do+mar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-BUQU1P6FhsE/T9Pd1CLT4EI/AAAAAAAAG3s/dr6e269VB7g/s320/Coral+-+Peixes+vermelhos+no+fundo+do+mar.jpg" width="320" /></a></div>

O código da imagem do post do seu blog, deve ser parecido com este acima!

1)Faça upload da imagem, com o editor de texto do Blogger, no modo "Escrever";
2)Adicione a imagem ao editor de texto do Blogger e clique em "HTML", irá aparecer o código completo da imagem;
3)Apague tudo que está na cor vermelha, e deixe somente a parte que está na cor azul:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-BUQU1P6FhsE/T9Pd1CLT4EI/AAAAAAAAG3s/dr6e269VB7g/s1600/Coral+-+Peixes+vermelhos+no+fundo+do+mar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-BUQU1P6FhsE/T9Pd1CLT4EI/AAAAAAAAG3s/dr6e269VB7g/s320/Coral+-+Peixes+vermelhos+no+fundo+do+mar.jpg" width="320" /></a></div>

Irá restar isto (ou algo parecido):

<img border="0" height="240" src="http://3.bp.blogspot.com/-BUQU1P6FhsE/T9Pd1CLT4EI/AAAAAAAAG3s/dr6e269VB7g/s320/Coral+-+Peixes+vermelhos+no+fundo+do+mar.jpg" width="320" />

4)Adicione a seguinte linha de código, no código da imagem:

oncontextmenu='alert("A cópia dessa imagem não está autorizada!");return false;'

5)Irá ficar assim:

<img oncontextmenu='alert("A cópia dessa imagem não está autorizada!");return false;' border="0" height="240" src="http://3.bp.blogspot.com/-BUQU1P6FhsE/T9Pd1CLT4EI/AAAAAAAAG3s/dr6e269VB7g/s320/Coral+-+Peixes+vermelhos+no+fundo+do+mar.jpg" width="320" />

Pronto a imagem está bloqueada! Sempre que alguém clicar na imagem, com o botão direito do mouse para copiá-la, irá aparecer uma janela pop-up com uma mensagem de alerta. A frase "A cópia dessa imagem não está autorizada!", pode ser substituída por uma frase ou palavra de sua preferência! Veja um exemplo na imagem acima, contida neste post!

Até já!