Este código sirve para que quede deshabilitado el botón derecho del ratón sobre una imagen en concreto que pongamos en el blog. Puede resultar útil si el blog que estamos creando sirve para dar a concer diseños, fotos o cualquier imagen que no queramos distribuir sin permiso, aunque también es cierto que siempre queda el recurso de "Imprimir página" y pegarla luego al photshop... pero al menos esto sirve para incordiar... ;)
Si tenemos una imagen hospedada en blogger o cualquier otra página, por ejemplo:
http://www.technewsdaily.net/uploaded_images/google-girl-780952.jpg
tenemos que añadirle el siguiente código:
<p align="center"><img oncontextmenu="alert('Mía... sólo mía.... ');return false" oncopy="alert('Mía... sólo mía.....');return false" src="http://www.technewsdaily.net/uploaded_images/google-girl-780952.jpg" /></p><p style="text-align: left;"></p>
Prueba si no...
Que conste que yo comprendería el no querer compartirla.... :P
Este truco se lo he birlado a Gem@Blog
Por cierto... hay que ver lo bien que funciona Google para según que cosas, porque indexar una página mira que le lleva tiempo, pero ha sido poner esta fóto y ya sale en mi NavBar: "Notificar a Blogger contenido de dudosa reputación"... anda que si llego a poner una foto sin camiseta... no se yo que iban a hacer :D
Cargando...
16 comentarios:
Me gusta tu blog y esta imagen! Aunque no vaya con el tema de proteger una imagen (algo muy difícil), me gustaría preguntarte cómo le pones el reborde blanco que parece darle relieve. También estoy intentando cambiarme a blogger pero mi problema es que la imagen que cargo no me la pone a tamaño completo, al pulsar sobre ella, sí que se abre y se ve bien, pero yo quiero que no redimensione la imagen y verla a su tamaño desde el principio.
Si me puedes echar una mano te lo agradecería y si no, pués gracias igual.
El reborde en este caso me lo aplica automaticamente debido a que en la plantilla viene definido así. De todos modos, si no te gusta como te deja blogger las imágenes en tu blog puedes subirlas a imageshack, photobucket... etc y una vez subidas copiar la dirección de la imagen (URL). Después, en tu post, en modo HTML pones la imagen así:
<img src="url_imagen">
Así no te la redimensionará, pero tienes que tener en cuenta que el atmaño estará lñimitado por el ancho y alto de tu sección de posts, que están definidos en tu plantilla.
Si quieres añadirle un borde:
<img border="1" src="url_imagen">
también puedes definir el alto y ancho de la imagen:
<img border="1" src"url_imagen" WIDTH="400" HEIGHT="500">
Pero ojo, piensa que el ancho y alto del post está definido en tu plantilla con lo que si la imagen la quieres mostrar más grande va a salir recortada.
bueno, en el ultimo ejemplo he cometido una errata. es ... border="1" src="url...
hola, pues yo estoy usando Firefox y me sale el alert, pero igual me deja descargar la imagen y ver sus propiedades, incluso en Opera me ha dejado hacerlo todo sin siquiera mostrarme la alerta.
Hombre... no es que sea un método superseguro, pero es curioso, a mi no me deja ni en Firefox ni en Explorer... tal vez alguna extensión que tengas instalada en tu firefox se salte este tema.. la verdad, no se.
;)
Si fuese tu tampoco la muestro, ahora que me queda imprimirlo, no hay otra opción, supongo, lo raro es que no se como llegé a esta página, pero no me arrepiento.
Esa imagen se puede copiar sin problemas, nada mas tienes que colocar el raton encima de la imagen sin pulsarlo y te aparecen los famosos iconos, guardar, copiar, etc...Saludos
Esta bien el truco pero si yo quiero poner la imagen a la izquerda y a su lado escribir ¿como seria el codigo?
Osea, como en el texto de este post, la letra "E", como puedo hacer eso y que no me la quiten.
En mi blog yo pongo las imagenes a la izquierda y escribo a su derecha ¿como sería el código?
Siempre puede buscar la imagen (el java script, applet y todo lo que quieras) entre los archivos de cache de Internet Explorer. :D
te refieres a la imagen que está en http://www.technewsdaily.net/uploaded_images/google-girl-780952.jpg ?
No hay más que ver el código fuente
vamos a ver.. nadie ha dicho que sea un sistema infalible...simplemente es una pequeña ayuda para proteger la imagen.. porque vamos a ver.. siempre puedes copiar una imagen pulsando en PrintImg y pegarla en cualquier gestor de imágenes que tengas instalado....
Buen truco. Gracias Zaebos. Llevaba algún tiempo buscando un truquillo así y ninguno me acababa de convencer. Este sí. Ya sé que el truco no es infalible y que toda foto o imagen puede copiarse, pero, al menos, sirve para complicarle la vida a los novatos en este mundillo.
Lo dicho, 1000 gracias por tu ayuda y por compartir con todos estos "secretillos". Ya sé que tomaste la información del blog de Gema, pero yo lo leí en tu blog y por ello te estoy muy agradecido.
Además, lo probé y rula perfectamente.
http://www.technewsdaily.net/uploaded_images/google-girl-780952.jpg
ya te robe la imagen, este tipo de protecciones no sirven de mucho igual grax por el script
ES ALGO BUENO, PERO MUY INUTIL, YA QUE LA IMAGEN PUEDE SER BAJADA DE MUCHAS FORMAS. SOLO HAY QUE SABER MANEJARLAS.
UNA BUENA PROTECCION ES USAR FLASH.
jajaja proba de bloquear el
CTRL + C (para texto)
O EL CTRL + ALT + IMPR (para imagenes)
Y ESTAMOS SALVADOS!!!
zaebos esto es genial! a mi me vendria muy muy bien...solo que si no he entendido mal...debemos preparar el codigo para proteger la imagen una a una no? mi pregunta es si talvez existe el modo de crear un codigo que afecte del mismo modo a todas las entradas de mi blog habidas y por haber...gracias...y muy pero que muy buena tu ayuda.
un saludo!
Publicar un comentario