La otra vez vimos cómo evitar que te copien el texto de tu blog usando un script que deshabilita la opción de seleccionar el texto. Si bien este script funciona perfectamente, presenta un problema, que en Mozilla Firefox bloquea la caja de búsqueda, por lo que si tienes un buscador en tu página entonces los usuarios con Firefox no pueden realizar sus búsquedas. Y es que este script protege todo el contenido del blog.
Vamos a usar otra técnica para evitar este problema ya que protegeremos únicamente el área de las entradas, que es ahí donde se encuentra el contenido que no queremos que nos roben.
¿Cómo funciona? Usaremos un código que hará tres cosas, deshabilita el botón derecho del mouse pero sólo en el contenido de las entradas, en el resto del blog funcionará sin problemas. Esto ayudará a evitar que nos roben una imagen mediante la función "guardar imagen como..." Además este mismo código evitará la selección de texto dentro de las entradas, por lo que si alguien quiere seleccionar para hacer un copy & paste no podrá.
Y como un extra eliminará la opción de "arrastrar imágenes"; como muchos saben esa es otra forma de poder copiar una foto de una página, se arrastra la foto de la página al escritorio de la computadora y listo, habremos copiado la foto. Este código evita esto, ya que deshabilita esa opción, así que las imágenes también estarán protegidas.
Ya lo he dicho antes pero quisiera aclararlo de nuevo. Estoy a favor de que la información gráfica y visual se deba compartir, sin embargo habrá quién no quiera que fotos o textos de su autoría sean robados y circulen por Internet, así que ya dependerá de ustedes qué tanto quieren compartir.
<div class='post-body entry-content'>
A esa línea agregaremos esto:
oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'
Quedaría de esta forma:
<div class='post-body entry-content' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Guardamos los cambios y listo, no se podrá seleccionar el texto, usar el botón derecho ni arrastrar imágenes dentro de las entradas.
Puedes intentar copiar o arrastrar algo del siguiente ejemplo:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare eros ut odio malesuada bibendum. 
Proin nec magna dolor, vel condimentum ipsum. Proin fringilla placerat leo, in gravida lacus blandit sit amet. Aliquam erat volutpat. Aliquam in risus nibh, et scelerisque magna. Donec neque ligula, viverra ut ultricies sed, tempor in urna. Cras vulputate lectus at urna lobortis ultrices. Fusce in quam quis erat porta vestibulum. Vestibulum a risus urna, sed aliquam nunc. Aenean tempus augue at nibh porttitor a venenatis tellus accumsan. Suspendisse mollis ultricies lectus, ac sagittis turpis blandit pulvinar. Nullam ut odio nulla. Duis vel dolor est. Donec quis facilisis metus.
Proin nec magna dolor, vel condimentum ipsum. Proin fringilla placerat leo, in gravida lacus blandit sit amet. Aliquam erat volutpat. Aliquam in risus nibh, et scelerisque magna. Donec neque ligula, viverra ut ultricies sed, tempor in urna. Cras vulputate lectus at urna lobortis ultrices. Fusce in quam quis erat porta vestibulum. Vestibulum a risus urna, sed aliquam nunc. Aenean tempus augue at nibh porttitor a venenatis tellus accumsan. Suspendisse mollis ultricies lectus, ac sagittis turpis blandit pulvinar. Nullam ut odio nulla. Duis vel dolor est. Donec quis facilisis metus.Este "truquillo" funciona para Internet Explorer, Mozilla Firefox, Safari y Google Chrome.
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
196 comentarios:
Hola amigo queria saber si te interezaria intercambiar banner??
cualquier cosa me avisas, aqui te dejo mi blog, saludo
Hola Howard Yoseph,
Gracias por la propuesta. Por el momento no participo en ningún programa de patrocinio e intercambio.
Saludos.
Potro me sigues impresionando cada dia
una pregunta mi plantilla para el directorio no tiene para dar click en entradas antiguas que hago
bueno espero me respondas
Hola Alex,
Busca en tu plantilla esta parte:
#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}
Elimina los display:none; y listo.
Saludos.
Estoy de acuerdo contigo, hay que compartir, yo comparto lo que haga falta lo que pasa es que hay mucho morro por ahí, mira que le ha pasado a esta chica ¡Que fuerte!
http://lacocinadeile-nuestrasrecetas.blogspot.com/
Voy a probar este truquito a ver que tal, por que mis imágenes si se pueden arrastrar, pero no tengo ningún inconveniente que si alguien me pide algo se lo mando sin problemas.
¡PERFECTOOOO!
GRACIAS POTRO
Incluso así es posible llevárselo. He guardado la página completa con FireFox en el disco duro, y en la carpeta anexa que se crea está la imagen, y con abrir el archivo html con un editor de texto es posible copiar fácilmente el párrafo.
La única solución para que no te quiten imágenes ni te copien texto es no publicarlas. Quien comparte, lo hace con todas las consecuencias.
Pero con tu método al menos le das más trabajo a quien quiera llevarse algo, y puede que se lo piense dos veces y al final no lo haga, porque da mucho más trabajo.
Un saludo.
Hola Meri,
Qué bueno que este sí te resultó, ya ves que en el truco anterior fuiste la primera en notar que en Firefox presentaba un problema.
Lo que mencionas de pedir las fotos me parece una excelente idea, se puede poner un apartado que diga que las fotos que se deseen sean solicitadas por correo y no habría líos como el plagio de las recetas y esa revista.
Saludos.
Tú mismo lo has dicho José GDF, por lo menos que se molesten.
Potro, yo como digo no me cuesta trabajo dar fotos o recetas, si no que sentido tendría poner las recetas, pero no puedo con l@s caraduras y haberlos los hay a mogollón
Saludos y de nuevo gracias
Hola José GDF,
Efectivamente todos los métodos tienen sus vulnerabilidades e incluso hay otros trucos para violar esta seguridad, pero el promedio de usuarios no las emplea, ya sea por desconocimiento o por como dices tú, por desidia al saber que requiere mucho trabajo.
Sigo estando a favor de compartir, pero cada usuario tiene necesidades diferentes y habrá quienes requieran mayor protección de sus creaciones.
Saludos.
hola amigo, como andas?? venia porque encontré una web con la misma plantilla que tu, tal vez ellos te copiaron, en fin, esta es la dirección:
http://www.itechezx.com/
tal vez ya sabes. pero por las dudas te comento.
Hola Ascesino96,
Gracias pero nadie le copió a nadie, la plantilla es de uso compartido y está disponible para su descarga en Btemplates.
Saludos.
aah, ok, bueno, no sabia, por las dudas te avisé.
saludos.
incluso sin mirar el código fuente ni nada es muy facil copiar ese texto, mira, seleccionas un texto de arriba y sigues bajando y se selecciona ese tambien, luego presionas Ctrl+C y lo pegas donde queres, jajaja, igual, si pones el texto en toda tu web seria la única solución, igual está muy bueno, pero abra que seguir investigando para que no copien mas!!!
En este caso sí es posible copiar el texto como explicas pues yo sólo lo he puesto en un área donde hay texto sin protección alrededor, pero en el truco completo evita la selección de texto de toda la entrada, así que estará más difícil copiar, o bien, este mismo truco se puede aplicar a varias partes del blog así que complica más el asunto.
Y como comentaron antes, sí será posible copiar pero les costará más trabajo =)
Saludos.
Potro: Gracias! ya te había escrito pidiéndote este tutorial, pero algo estoy haciendo mal y quisiera que me ayudes, ya que, al incluir lo que nos mencionaste e ir a checar el blog, noté que esos caracteres se incluyeron en el título de mis entradas. ¿Me puedes decir qué sucedió?
Gracias y te mando un abrazo fortísimo [soy fan de tu flog] ¡es genial!.
Ah! qué maravilla... hice un segundo intento y 'listo' lo que hice fue, no incluir, sino borrar y pegar por completo tal como debe quedar.
Respecto a inhabilitar el botón derecho del mouse para "proteger", con este procedimiento, las imágenes, todavía no hay un tutorial, cierto?
Un beso,
Hola Jazmine Dguez. [bajo el pseudónimo de Lilith†La†Enemiga†d†Eva]
Con este procedimiento se deshabilita el botón derecho del mouse sobre todo lo que haya dentro de la entrada, texto, tablas, imágenes, etc. Trata de usar el botón derecho del mouse sobre la imagen de algún post de tu blog y verás que el botón derecho no responde.
De cualquier modo te dejo un enlace sobre otra forma de proteger tus imágenes:
http://ciudadblogger.com/2009/05/protege-tus-imagenes.html
Un abrazo!
Me salio todo Regio ... gracias ... me encanta tu blog ...
tilviakiss, me alegro que hayas tenido los resultados esperados.
Saludos.
¡Hola Potro! ya anteriormente había usado este truco exitosamente [cuando tenía un templete distinto en mi blog], pero ahora no localizo el código que mencionas. ¿Me puedes indicar por qué otro código puedo ubicarlo para poderlo aplicar?.
Un saludo y ¡muchas gracias, como siempre!
Hola Lilith,
En tu plantilla la línea que hay que cambiar es esta:
<div class='post hentry' id='post'>
Quedaría así:
<div class='post hentry' id='post' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Saludos!
¡Muchísimas gracias! Con tu ayuda lo volví a conseguir.
¡Eternas lunas para tí!
☽
Por nada Lilith,
Besos!
Oye bro, me gustó esa foto de la naranja cayendo en el agua, pero no puedo copiarla ¿por que? jajajajajajajjajajajaja.
Es este es script de respondones?
Un abrazo!!!
Jajajajaja, no creo que ese sea problema para ti, eres muy hábil y seguro podrás copiarla, jajaja.
Sí, es el mismo que está en respondones =)
Un abrazo!
Hola Omar,
Con este truco las imágenes no se pueden arrastrar.
Saludos.
No consigo el div class post-body entry-content
todos los blogs lo tienen?
Hola Diverso Magazine,
Lee el comentario #23, quizá lo encuentres con ese código, sino dime cuál es tu blog (porque veo que tienes varios) para que te diga cuál es la etiqueta exacta que debes buscar.
Saludos.
Hola, gracias por tu respuesta pero sigue sin aparecer la etiqueta, el blog que quiero bloquear es produccionesdiverso.com
saludos
Hola Diverso Magazine,
En tu plantilla deberás buscar la etiqueta:
<div class='post-body'>
Deberá quedar así:
<div class='post-body' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Saludos.
Muchisimas gracias por las indicaciones. Funciona muy bien
Gracias por tu info! funcionó muy bien, gracias!!
Ale
Hola Potro, realmente impresionante como dedicás tiempo a los comentarios y seguidores.
Me gustaría comentarte mi problema, al seguir las indicaciones que le diste a Diverso Magazine, ya que el primer código no lo encuentro, al grabar los cambios en la plantilla, me dice:
-Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: HTML3. Los ID de artilugio deben ser exclusivos.
Alguna idea? Gracias!!
Diverso Magazine, me alegro que ya esté funcionando. Saludos.
Alelushca, ya lo veo funcionando al 100 en tu blog =) Saludos.
Forever Living Products, al parecer tienes más de un gadget HTML/Javascript con la misma ID, no tiene nada que ver con este truco, pero al existir un error en el gadget no permite hacer más cambios.
Dime en cuál de tus blogs aparece ese error para ver cuál es el gadget que está causando el problema.
Saludos.
Hola Potro, no te hagas problema, ya lo solucioné... no entendí bien qué fue lo que hice pero quedo bien... y los códigos funcionan de 10 !!
Gracias!!
Si alguien llega a tener este tipo de problema "Se ha encontrado más de un artilugio con el ID: HTML3. Los ID de artilugio deben ser exclusivos."
Para solucionarlo se localiza la línea que corresponde a ese elemento:
widget id='HTML3' locked='false' title='' type='HTML'/>
Y se cambia su id, es decir, el HTML3 por otra, mejor bastante alta para asegurarse de que no habrá otro igual, por ejemplo HTML50.
Perdón por dar una pequeña clase en su aula maestro, pero compartir es así ! Saludos
Vale, me alegro que lo hayas solucionado.
De cualquier modo si más adelante tienes alguna pregunta no dudes en comentar.
Saludos.
Gracias por compartir la solución =)
Saludos.
hola potro unicamente lo que quiero es que las imagenes no las arrastren unicamnete las imagenes
Hola Omar,
Entonces sólo agrega esta parte a la etiqueta antes mencionada:
ondragstart='return false'
Saludos.
Intento hacer lo que dices, de verdad que lo hago tal cual y sin embargo cuando doy a ver plantilla me dice que "no se ha podido analizar, no está bien formada Elemet type "div"
¿qué puedo hacer?
Hola manli
Copia completo el código del error que te aparece para saber cuál es la falla. Pero a simple vista te diría que no estás cerrando bien el código.
Sólo tienes que buscar esta etiqueta:
<div class='post-body entry-content'>
Y remplazarla por esta:
<div class='post-body entry-content' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Saludos.
Hola! Me funcionó el código, pero las imagenes se pueden abrir en otra página haciendo clic sobre ellas, cómo puedo evitar que suceda eso?.
Hola Mayra Falcón,
Te dejo el enlace donde explico cómo hacerlo:
Evitar que las imágenes se abran en otra ventana
Saludos.
Ya me he suscrito, porque tus ayudas son espectaculares, claras, y funcionan!
Gracias !!! :)
Qué gusto que encuentres útil esta página.
Estoy a tus órdenes.
Saludos!
Ami solo me aparece < div class = 'post-body ' > ayudaa
Ahí es donde lo debes pegar Panfuciiita_rosa.
Muchísimas gracias ¡¡Ahora sí me sale bien!! es genial tú y tu truco :)
Fui a ponerlo y se cambio todo no encuentro ahora lo qe te dije.
Ha.. me olvide de poner en espandir plantillas jaja Muchas Gracias.
Quiero saber como hacer para que no copien los gatges de mi blog.
Ummm ¿qué gadgets?
Hola Potro, al evitar que se pueda seleccionar nada en las entradas, tampoco es posible que los links funcionen. En algunas entradas me gustaría incluir 2 ó 3 enlaces, que puedo hacer? gracias
Hola C2ISLOV3,
Los enlaces sí funcionan, lo que no va a funcionar es si quieres usar el botón derecho sobre el enlace.
He puesto un link en el texto de ejemplo para que veas que los enlaces funcionan correctamente.
Saludos.
Holo Potro, tienes toda la razón del mundo, los links funcionan perfectamente. El otro día que hice pruebas no sé que puñetas hice. Muchas gracias, eres un sol.
Hola Potro, me cae muy bien tu ayuda y las aplicaciones funcionan muy bien, pero tengo una duda, estoy experimentando con un blog que aun no saco a relucir y este tiene una plantilla con entradas de resumenes y cuando hago click en "read more" se abre el contenido y ahi no funciona la aplicacion de bloqueo, ¿Como hago para que funcione tambien en esta?
Un saludo grande para ti.
Hola Mauricio y Ana Maria,
En teoría debería funcionar también ahí, yo lo había puesto en una plantilla con la característica de Reed More y aun así funcionaba. Habría que ver qué plantilla tienes para saber dónde más poner el código.
Saludos!
Estimado Potro... la plantilla que quiero usar es esta,
http://btemplates.com/2009/08/07/the-latest/demo/
Es interesante el truquillo de bloquear el boton derecho, pero en realidad me he estado quebrando la cabeza al no poder administrar los botones del menu y eso si te lo agradeceria infinitamente. Te agradezco tu respuesta. un abrazo
Hola Mauricio y Ana Maria,
Además de poner el código donde explico en este post también ponlo en esta etiqueta:
<div class='post-body'>
Del menú no sé qué problemas tengas.
Saludos.
Genial Potro FUNCIONAAA!!, gracias por la ayuda, ahora aver si me puedes orientar con lo del menu horizontal. Lo que pasa es que desde DISEÑO, no hay ninguna posibilidad de administrar el menu, solo aparecen los conceptos;
Home,Widget, Hacks, Tutorials, Templates, Contacts,
y no me atrevo a intervenir la plantilla por que NO sabria que hacer, en realidad agradeceria mucho tu valiosa ayuda,
Saludos
Entra en Diseño > Edición de HTML y busca esta parte:
<li><a href='/'>Home</a></li>
<li><a href='#'>Widgets</a></li>
<li><a href='#'>Hacks</a></li>
<li><a href='#'> Tutorials</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>Contact</a></li>
Lo que está en negrita sustitúyelo por la URL del enlace que quieres, y cambia el texto Home,Widget, Hacks, Tutorials, Templates, Contacts por lo que quieras.
Saludos!
Mil gracias potro, eres genial,,, un abrazo amigo!!! pronto te estare mostrando el blog
Hola wenas potro ¿te importaria ayudarme a localizar el codigo que tengo que cambiar para evitar que nos copien? esq o encuentro ningundo de los que has dicho en el post? Un saludo! ah el blog q me gustaria lozalizar el codigo es gnula.blogspot.com un saludo!
Hola keko,
Debes ponerlo en esta etiqueta:
<div class='entry'>
Recuerda expandir los artilugios para localizarlo.
Saludos.
ola wenas potro mira lo acabo de intentar y me pone un mensage de error: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "div" must be followed by either attribute specifications, ">" or "/>".
Que quiere decir¿?
Bueno espero no ser pesao... un saludo^^
No estás cerrando bien la etiqueta, debes sustituir esto:
<div class='entry'>
Por esto:
<div class='entry' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Hola.
Mira cuando quiero subir una plantilla de pyzam y fondos de un blog que es www.fondosparablogger.blogspot.com cuando los quiero guardar se me pone este error: No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Content is not allowed in prolog.
Antes no tenia ese error Ayudame.
Puede ser que la plantilla que tratas de subir esté mal formada o que no estés subiendo el archivo correcto. Verifica que la plantilla esté en formato .XML
Saludos.
Puedo pasarte la plantilla por aca?
Es que no entiendo.
Puedo pasarte la plantilla por aca?
Antes yo la habia puesto a la plantilla que quiero poner ahora lo que pasa es que probe otra y la quize volver a poner y me aparece eso.
Te la puedo pasar por aca?? Es que no entiendo.
Antes ya la habia puesto a la plantilla lo que pasa es que probe otra y luego quize ponerla a la que tenia de nuevo y aparece eso.
¿Cuál es la dirección para descargar la plantilla?
Esa es http://www.pyzam.com/myspacelayouts/details/love-love-love pero solo es para copiar el code yo antes tenia una plantilla igual puesta pero distintas cosas tenia la plantilla.
Esta es la pagina http://www.pyzam.com/myspacelayouts/details/love-love-love pero solo es para copiar el codigo la que yo tenia antes que te dije era igual de los dibujos y todo pero distintas cosas tenia como por ejemplo las cosas que tiene de este lado <<--- la otra la tenia de este lado -->> pero distinto.
Panfuciiita_rosa,
Esa es una plantilla para MySpace, no para Blogger.
Mira: http://fondosparablogger.blogspot.com/2009/07/red-tweety.html y ese es para blogger per tampoco se me guarda siempre me aparece ese error.
No es necesario que pegues todo ese código, sólo usa esta URL para el fondo:
http://img22.imageshack.us/img22/5774/background9v.jpg
En este enlace puedes ver dónde poner esa URL para cambiar el fondo:
http://ciudadblogger.com/2009/02/cambiar-color-de-fondo-por-una-imagen.html
Saludos.
Muchisimas Gracias pero no me quedo en todo el fondo mira: panfuciiita-enpanfu.blogspot.com
Y mira como le quedo a este blog http://ruth-mbmismanualidades.blogspot.com/ yo lo quiero asi.
Hubiera quedado así si lo hubieras puesto dentro del área que explico en el otro tutorial pero tú has puesto la URL de la imagen en otra parte.
Saludos.
Explicame por favor como ponerlo como tiene ese blog.
Ya lo ise gracias.
Y como hago que al bajar para leer algo no se vea siempre el mismo dibujo?
No entiendo lo del tutorial por eso explicame vos.
Abajo de donde pusiste la URL de la imagen pon esto:
background-attachment : fixed;
Muchisimas Gracias, La verdad que sos un profecional con las cosas de los blogs enserio muchas gracias por todo mucha suerte.
Saludos.
Por nada, me alegro que hayas tenido los resultados esperados.
Saludos!
Hola Potro !!
Disculpa que te he tenido algo abandonado (jaja!), pero me he visto desbordada de trabajo y no he podido seguir trabajando en mejoras para el Blog.
Hoy, al subir una entrada, noté que este truco NO estaba funcionando en las Ofertas de Noviembre (o sea, al hacer click, la imágen se abría en otra ventana, y también el mouse mostraba la famosa manito en vez de el cursor ciego).
Volví a esta entrada, repetí los pasos (solo que buscando la frase completa y modificada), la eliminé y la volví a pegar, y sin embargo en las ofertas de noviembre sigue sin funcionar...).
Podré hacerte llegar mi plantilla a alguna dirección para que veas qué puede estar sucediendo?
Muchas gracias !!!
Karen :)
Hola VK Import,
El truco funciona dentro del blog, al hacer click en la imagen ya estás en otra página que no es el blog y obviamente ahí no funciona.
Lo que puedes hacer es eliminar el enlace de la imagen para que no se abra en otra ventana:
Eliminar enlace de la imagen
Saludos!
Muy bien! Ya voy a ver ese artículo y probar y te cuento !
A ver... recopilemos:
En tu ejemplo en amarillo (arriba), yo no puedo hacer click para que la imagen se pueda abrir en otra ventana. (Y así tenía yo antes todo. En nada se podía hacer click!).
Antes NO había eliminado los enlaces de las imágenes y funcionaba. Pero lo que publiqué después de haber hecho el truco se puede clickear. Eso es lo llamativo.
Fijate en esta página: http://vkimportltda.blogspot.com/search/label/Productos
El primer artículo (publicado después del truco) muestra la manito. El que le sigue hacia abajo, publicado antes, está totalmente bloqueado.
Dime tu opinión!!
Un abrazo,
Karen
Recapitulemos.
Una de las funciones del hack es deshabilitar el botón derecho, no el izquierdo con el que se hace click para abrir los enlaces. Si el código de la imagen tiene un enlace y le haces click co el botón izquierdo se abrirá. Ojo, el botón derecho sigue deshabilitado, mas no el izquierdo.
Lo que estoy viendo es que tus imágenes están alojadas en Google Docs y el código que te dan a veces tiene el enlace y otras veces no. La solución es que al pegar el código de la imagen en el post verifiques que no tenga el enlace.
Como en este ejemplo de esta imagen que tienes, debes eliminar lo que está en negrita:
<a href="http://docs.google.com/File?id=dhjxwds_83c3xtngfd_b" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://docs.google.com/File?id=dhjxwds_83c3xtngfd_b" style="height: 211px; width: 200px;" /></a>
Saludos.
Hola.Funciona.El problema,es que si has cargado la foto en vez de copiarla en el post,cuando haces click sobre la foto te sale la foto sobre un fondo blanco y así se copia sin problema.
A parte de eso,mismo con el codigo modificado de tal forma,existe una forma de poder copiar la foto directamente del blog mismo ,y cuando se la conoce,no da ninguna faena por lo sencillo que es.No la daré,para no dar malas ideas,pero seguro que son muchos los que la conocen.
Un saludo,que antes se me había olvidado :)
Hola sagitaire17,
No he entendido bien lo de cargar la foto en vez de copiarla, pero como hemos dicho muchas veces, no hay ningún método infalible, todos tienen un fallo de seguridad que puede ser violado. Pero bueno, la idea es que al menos no pueda ser copiado por los usuarios que desconocen estos fallos de seguridad.
Saludos.
A poner una imagen en el post hacerlo subiéndola desde tu disco duro en vez de "copiar y pegar".Perdón si no queda muy claro,pero es que no soy muy versado en informática y no conozco los términos generalmente utilizados.
Quizás ayuda para entender lo que quiero decir que mencione que edito con Blogger.
Hola,enhorabuena por la página.¿Podrias ayudarme a encontrar el código?.Mi blog es este:
http://www.sniperelitecantabria.blogspot.com/
gracias de antemano.Un saludo.
sagitaire17, si subes la imagen desde Blogger sólo es cuestión de eliminar el enlace que hace que la imagen se abra en otra ventana.
Helker*SEC, en tu plantilla es tal como lo menciono en el post, marca la casilla Expandir artilugios para encontrar el código.
Gracias.Ya había pensado a esta solución.Lo que pasa es que me fastidia un poco eliminar la posibilidad que se vea en tamaño completo los archivos.En fin,no quiero molestarte más.Que tengas una agradable noche.
Un saludo.
Muchas gracias El Potro.Me has sido de gran ayuda.Un saludo.
Me permito dar un consejito para buscar los códigos :ctrl + F,y poner en la ventanita el principio del código que se busca :)
Hola El Potro!
Nesecito ponerle una contraseña a mi pc pero no se como se hace me puedes ayudar?
Desde ya.. ¡Muchisimas Gracias!
Saludos.
Hola Panfuciiita_rosa,
Si usas Windows haz click en Inicio > Panel de control > Cuentas de usuarios > Modificar una cuenta > Crear una contraseña para la cuenta. Ahí agregas la contraseña que quieres.
Saludos.
¡Muchisimas Gracias!
no encuentro esa parte en mi plantilla!!!!!!!
lo mas parecido q me sale a ese codigo es: div class='post-body
la he cambiado tanto a mi plantilla que no se que pasó con esa parte...
www.mundodeportesxxi.blogspot.com
Hola jonathan pucheta,
En tu plantilla es la etiqueta que mencionas, ahí debes poner el código.
Saludos.
Hola El Potro.
Nesecito descargar un Tema que no lo encuentro no tiene nada que ver con Plantillas pero se que sabes de Computadoras.Nesecito descargarme el Tema de Bryan Adams que se Llama "Todo lo que hago, Lo hago por ti" Yo quiero descargarmelo para pasarlo a un cd lo podes buscar por mi por favor El tema tiene que ser en Español Saludos.
Hola Panfuciiita_rosa,
Lo siento pero el tema de este sitio es únicamente ayuda para Blogger.
Saludos.
Otra pregunta querido "profe" porque esto funciona en chrome, pero no en explorer ???? Claudia
Hola Claudia,
Yo lo he probado en Internet Explorer 8 y funciona a la perfección.
Saludos.
Hola El Potro.
Quiero saber como poner esta plantilla en mi blog, aca te dejo la pagina de la plantilla http://btemplates.com/2009/01/27/pink-blue/
UunBeso!
Hola Panfuciiita_rosa,
Para esa o cualquier otra plantilla hay que seguir estos pasos:
Cómo cambiar plantilla en Blogger
Saludos.
¡Muchisimas Gracias El Potro!
Por nada, saludos!
Potro, lo probé y me salió este mensaje de error:
No se ha podido analizar su plantilla, porque no está bien formada.
Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "div" must be followed by either attribute specifications, ">" or "/>".
Ayudame pleaseee
Hola Sheylla,
Ese mensaje es porque no estás cerrando bien la línea, hace falta que le pongas este al final: >
Saludos.
Mil gracias amigo, muy buena tu manera de explicarnos a todos. Te felicito!!!
Saludos
Muchas gracias por tus comentarios ;)
Saludos!
Esta es mi web, http://desmadrozoz.blogspot.com ahi si me pueden ayudar con este truquito del boton derecho, ya que yo por ningun lado encuentro los codigos que mostraban, gracias... espero sus respuestas...
mi correo es vegito_1006@hotmail.com
Hola Vegito 1006,
En tu caso debes buscar esta línea:
<div class='art-Post-body'>
Ahí agrega los códigos que he mencionado en este post.
Saludos.
ESTE ES MI BLOGS HTT://JAVIERTASSO.BLOGSPOT.COM SIGO SIN PODER RESOLVER EL TEMA DE QUE NO ME ROBEN IMAGENES , A TODO ESTO HE SACADO TODO LO QUE TENIA EN MI BLOGS ,CUANDO BUSCO EL CODIGO NO ESTA NO LO ENCUENTRO , YO ENTRO EN DISEÑO ,LUEGO EN HOT MAIL ,LUEGO EXPPANDIR ARTILUJIOS LUEGO . GUARDAR PALNTILLAS Y DESPUES QUE HAGO , CREO UNA ENTRADA DIRECTAMENTE Y YA ESTA ??? COMO ES ?? PERDONES RECIEN ME INICIO EN ESTO , BUENO SI ME PUEDEN INFORMAR ,IGUALMENTE EL CODIGO QUE HAY QUE PONER NO LO ENCUENTRO.. BUENO SALUDOS
PERDON LO HE PUESTO EN MAYUSCULA http://javiertasso.blogspot.com
Hola PATAS DE CARACOL,
Necesitaría ver tu blog para decirte dónde tienes que poner el código, pero la dirección del blog que pusiste dice que no existe.
Saludos.
hola potro que raro ,por que esta creado , ayer hubo gente que entro y estubo mirando , aver que paso y si puedo mandarte la direccion asi me das una solucion queisas sera por que me pide que haga elcifrado de la coenccion igualmente no lo se hacer pero intentare a ver que paso y mandartelo
potro te dejo mi messenguer javier_13_79@hotmail.com a ver si nos comunicamos y me puedes dar una mano desde ahi cunado puedas estoy siempre conectado saludos
hola
gracias por el tutorial , pero no me resulta, y no sabes lo que me fastidia que la gente pase y me robe mis fotos
ya no se que hacer de verdad,
me podrias ayudar por favor
te lo agradesco un millon
mi mail es , mademoisellealex@gmail.com
o bien pasare aqui manana
besitos desde Paris
¿Pero por qué no te resulta? ¿no encuentras el código? ¿en cuál blog lo quieres hacer?
ohhh gracias por responder
pues encontre el codigo el primero que das
div class='post-body entry-content'
y hice lo que dices, copiar alli lo que nos indicas, y nada, no pasa nada, pase por mi blog, y como de costumbre veo que la gente, las copia, las agranda, o se las lleva,
yo puse un codigo en el mouse, veras tu si pasas por mi blog, dice "no no me copies"
pero si puedes agrandarlas, y arrastraslas
mi blog,
mademoisellealex.blogspot.com
mil gracias por tu amable ayuda , eres un sol ;)
Hola Mlle Alex,
El código que se debe agregar debe ir dentro de la etiqueta que menciono, tú lo has puesto de este modo:
<div class='post-body entry-content'>oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'
oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'
Y debe ser así:
<div class='post-body entry-content' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Ten en cuenta que si la imagen tiene enlace para verla en tamaño grande en otra página, ahí sí se podrá copiar. Para evitarlo te recomiendo eliminar el enlace de las imágenes.
Saludos.
Hola El Potro!
Mira en este blog http://elblogcoolgirlpdepanfu.blogspot.com/ Se repiten entradas fijate y no se como eliminar 1 cosito de las entradas para que quede 1 solo y las entradas no se repitan mas me puedes ayudar?
Hola ★♥COOLGIRLP♥★,
¿Qué cambio hiciste en la plantilla antes de que se repitieran las entradas?
No lo encuentro el primer codigo :S donde esta mas o menos para ubicarme mejor ?
Hola Micaela Machado (Chapulina),
Veo que ya lo has localizado, ya está funcionando en tu blog.
Saludos.
ola pzz oye cuando pongo el codigo y le pongo guardar plantilla me sale esto:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "div" must be followed by either attribute specifications, ">" or "/>".
?.? qe ago
Significa que no estás poniendo bien el código específicamente la última parte. Inténtalo de nuevo.
Saludos.
Hola, Potro. Magnífico truco. ¿De qué cofre de tesoros sacas todas esas cosas? Excelente, especialmente para aquellos que les han clonado sus blogs. Ya lo puse en mi plantilla y funciona perfectamente. Solo una consulta: yo tengo la mayoría de mis imágenes con target="_blank". En eso, este truco no funciona; supongo, que es porque se trata de una ventana aparte. ¿Habrá alguna modificación para adaptar a eso? ¿O serviría este truco si pongo las imágenes con el otro truco que nos enseñaste una vez, sobre agrandar imagen al pasar mouse (el que solo se pone en el post)? De todas formas, lo que más me interesa proteger en mis blogs es la información escrita de mis posts, y no tanto las imágenes. Así que me resulta de todos modos muy útil este gran truco.
Muchas gracias y saludos. Y perdona que pregunte tanto.
Hola Vicky,
Cuando la imagen se abre en otra ventana queda desprotegida ya que es otra página en la cual no tenemos acceso al código para manipularlo.
En ese caso lo ideal es eliminar el enlace de la imagen para evitar que se muestre en otra ventana.
Pregunta todo lo que quieras ;)
Saludos.
Hola! he tratado de seguir los pasos que indicas en tu publicacion para proteger mis entradas, y lo mas lejos que he llegado es entrar hast la "edicion de html", pero luego no puedo ubicar la casilla "expandir artilugios" , de hecho soy novato en esto , pero por mas que busco no la identifico, porfa explicame como continuar
Octavio
Hola 0t0,
Está justo arribita del recuadro que contiene todos los códigos de la plantilla, es una casilla y al lado dice Expandir plantillas de artilugios.
Saludos.
Hola!!!!!!
excelente blog
felicidades
estuve intentando hacer este efecto en mi blog pero no se pudo me dice que tiene un error
espero me puedas ayudar.
ciao
Hola Lucy Veras,
No sé qué error te haya arrojado pero seguramente es porque no has puesto bien el código. Revisa que todo lo que se agrega esté completo y que no borres ningún otro caracter.
Saludos.
Hola! gracias nuevamente x este truquito que me funciona de maravillas, sin embargo noto que al pasar el mouse por la imagen el puntero indica 4 cuadraditos: guardar imagen, imprimir, mandar mail y abrir carpeta...
Se puede quitar eso?
Gracias desde ya!
Hola Momentos,
Esas son opciones del navegador que usas, lo cual desconozco si puede ocultarse :S
Saludos.
Comprendo, muchas gracias por tu respuesta!
Hola,
me ha ayudado este post muchisimo, al igual que otros tantos de este espacio. Vengo a saludarte y a darte las gracias. me parece que haces un trabajo excelente.
Lola
http://chezdashita.blogspot.com
Hola Lola,
Muchas gracias por tus comentarios, me da un enorme gusto saber que las publicaciones de este sitio han sido de utilidad y de tu interés.
Saludos.
Hola :) mira los trucos estan muy buenos, pero la verdad que este no me funciona y no se si hice algo mal o qué. Porque esto que es lo que hay que poner: oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'> me aparece en la ultima entrada del blog y no me funciona para nada. Espero me puedas ayudar. Saludos
Hola Kuuu,
Necesitaría ver el código puesto en tu plantilla para decirte dónde está el error.
Saludos.
hola potro!
segui todos los pasos al pie de la letra, y el texto sigue siendo copiable y las imaganes presentadas en el blog no, cuando les haces clic para verlas en tamaño completa se puede copiar
asi esta la edicion: div class='post-body entry-content' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'
dime si hay error, tuve q oimitis algunos signos por que para comentar tag is not allowed
mil gracias!
saludos!
Hola Pedro,
El código funciona perfecto cuando se está dentro del blog, pero cuando se hace click sobre una imagen y esta abre en otra pestaña en ese momento el código deja de servir ya que no estás en tu blog, sino en una dirección aparte.
Ahí no se puede hacer nada pues no tenemos acceso al código de la página que muestra la foto en tamaño grande.
La única opción es eliminar el enlace de la imagen para evitar que se abra en otra pestaña y pueda ser copiada.
Saludos.
ah ok entendido.
gracias por todo potro!
saludos!!
hola! ya hice el truco y funciona en blockear el boton derecho. Ahora mi pregunta es si puedo subir fotos a mi blogger www.amoreva.blogspot.com sn que tambien se suban a google albumes web de Picasa ya que creo lo hace de forma automatica y ya me paso que se robaron muchas fotos mias de ahi y abrieron un album como si fueran suyas. Ademas, este robo se puede denunciar para que den de baja ese album? Mil gracias
Hola Amoreva Accesorios,
Si subes tus fotos desde Blogger forzosamente se alojarán en Picasa pues ese es el servidor que usa para alojar las imágenes.
Sólo puedes denunciar imágenes que tengan derechos de autor registrados ante las autoridades competentes de tu país.
Saludos.
muchas gracias por responder. Lo que hice por ahora es poner mi album Picasa como privado "se requiero acceso para ver este album", espero que esto sea cierto, no estoy segura como funciona. Borrar el enlace de las fotos, como enseñas en otro tutorial...para que me serviría? (disculpa pero soy muy novata en esto). Gracias!!
Borrar el enlace de las fotos es para que no se abra la foto en una otra ventana, pues si usas este truco verás que as fotos no se pueden copiar, pero si se abren en otra ventana notarás que sí, eso es porque esa es otra página distinta, por eso se recomienda eliminar el enlace.
Si pusiste tu álbum como privado verifica que en tu blog se sigan viendo las fotos, pues en ocasiones al poner privado el álbum las fotos desaparecen del blog.
Saludos.
ya lo chequee y por ahora se puede entrar y ver las imagenes perfectamente. Hice el truco de borrar el enlace mediante "redactar" y borrando el enlace. viendo el blog con Mozilla funciona, no se pueden bajar, pero si se ve con el Explorer pasando el mouse por el angulo superior izquierdo de las fotos aparecen los iconos "save-print-send-open" y entonces sigo con problemas...disculpa la insistencia pero ya tuve inconvinientes con gente que baja mis fotos y las utiliza como propias. gracias!
Esa es una característica del navegador con la que no se puede hacer nada, quizá puedas desactivarlo en tu navegador pero no en la de los demás usuarios.
Vaya líos los que tiene Internet Explorer :|
Gracias Potro por la explicación, cada día aprendo mas con tus aportes, sobre todo que lo aclaraste mas en el comentario No. 92 pues tenia las imagenes en Photobucket, bueno aunque no me hago problemas si es que me copian las imagenes, creo que es una ventaja este artilugio, por que no te distrae con enlaces fuera de tu pagina y permite al lector engancharse con tu blog, claro a menos que quiera copiarte las imagenes, te mando un abrazo enorme. Muy agradecido.
Definitivamente, además a modo personal a mi me molesta que le doy click a un área del post y se abre la imagen en tamaño grande y me saca de la página de donde estaba :S eso me parece molesto, también prefiero las imágenes sin enlaces.
Gracias por tus comentarios, me da gusto que estés encontrando útil toda esta información.
Saludos.
Hola Potro, solo para comentarte que la unica imagen que permite copia es la chica de la presentación, no se que pudo haber pasado, alguna solución, muchas gracias.
No sé a qué presentación te refieres :S
hola:
Me ha servido mucho tu blog....manejas buena informacion...
Estoy intentando subir el codigo para evitar copiar y pegar pero me marca error...dice que falta > o />... ya revice y segun yo todo esta bien...pudieras ayudarme ¿en que estoy fallando?
gracias...
mi correo es normarmas2000@hotmail.com
Ese mensaje indica que está faltando el último caracter >
Mira de nuevo en la entrada cómo debe quedar el código para asegurarte que no estás omitiendo ningún caracter.
Saludos.
posan el cursor en ver. luego codigo de fuente. click. y listo.. alli esta todo el contenido de la web
Yep, pero no todo mundo lo sabe. Igual no se protege del 100% de los usuarios pero sí se protege de un buen porcentaje.
Y si tubiera las entradas protegidas como lo indica este post. Como haria para que en ciertas entradas esto no funcione?? Es decir permitir que copien el texto o imagen??
Porque justamente tengo una entrada que es para enlazar el blog y hay que copiar el codigo del banner, pero el truco no me lo permite hacer... alguna idea??
Saludos!!!
El hack se aplica a todas las entradas incluyendo las páginas estáticas, no se pueden hacer excepciones.
La única forma que podrán copiar los códigos de tus banners será usando las teclas CTRL + C
Saludos.
Aver ahora para completar la pregunta que me surgio y la publique incompleta jeje
Si quisiera aplicarlo solo en algunas entradas??? Como as echo con el ejemplo de este post.
Porque me a surgido que no puedo copiar como tu me decis :(
mira:
http://www.pintagraff.com/2009/10/para-enlazar-pintagraff.html
Saludos!!
En ese caso sólo agrega en la entrada o la parte de la entrada que quieres proteger, dentro de un div los mismos códigos en negrita, por ejemplo:
<div oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
...tu texto aquí...
</div>
Saludos.
hola!!! estuve buscando ayuda de como poder hacer que nadie copie mis fotos y asillegue aca!!.. he probado lo que escrbiste y no me ha funcionado, me aparece "nopuede guardar plantilla...."
si me podrian ayudar bunisimo!!
gracias
Ya esta e aplicado el truco solo a las entradas que me parecen que seran potenciales repots :) Saludos!!!
Petite Ramona, seguro hay alguna parte que estás borrando sin querer o un espacio que está faltando. Revisa de nuevo cómo debe quedar e inténtalo otra vez. Si te vuelve a marcar error dime qué error es. Saludos.
Bilosony2™, qué bueno que ya está funcionando entonces :)
Hola Potro, nuevamente yo por acá.
Añadiendo este script a mi blog, tambien me aparece el mismo error que con los separadores de entradas.
¿Podrías ayudarme?
Gracias.
Fruto Frívolo
Hola Sembrador y Recolector.,
Es el mismo caso, no estás poniendo el código de forma completa. Un simple signo puede hacer que no se pueda guardar por eso hay que ponerlo completo y verificar que no esté faltando o sobrando un caracter.
Saludos.
Como puedo quitar los enlaces a mis fotos??
Porque si pincho con el botón izquierdo se abre una ventana con la foto y da igual haber puesto el impedimiento del boton derecho
Gracias!!
En el comentario #45 está el enlace a la entrada que explica cómo hacerlo.
Saludos.
Hola portor, el truco es muy bueno pero resulta que si marco desde el titulo de la entrada si copia al usar las tecalas control + c. Como podemos resolver esdto. gracias amigo
Puedes ponerlo en otro lugar como por ejemplo dentro de <div id='main-wrapper'>
Sería el mismo método con los mismos resultados.
Lo intento y siempre me da error. Cuando una de las veces me deja entrar en vista previa, sale encima de la entrada todo lo que había añadido.
Lo he copiado bien y lo he pegado donde dices, sin dejarme nada.
Es más fácil si en vez de agregar el contenido sustituyes la etiqueta por otra, siempre y cuando la que he mencionado es exactamente igual a la tuya.
Por ejemplo, esta etiqueta:
<div class='post-body entry-content'>
Borrala y en su lugar pon esta otra:
<div class='post-body entry-content' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
Pero como te dije, sólo hazlo de esa forma si la primera etiqueta es exactamente igual a esta. Debe funcionarte ya sea así o agregándo el código como lo digo en la entrada, sólo que muchas veces un caracter o un simple espacio pueden hacer que no funcione, es por eso que se debe poner con cuidado sin borrar ningún caracter ni quitar espacios donde no se debe.
He hecho lo que dices y ahora si me ha dejado guardarlo.He sustituido toda la etiqueta por la nueva y sale perfectamente. Gracias! Es muy bueno que no puedan arrastrar las entradas.
Pedona; esto ¡se puede poner en un widget de texto?...porque al ponerlo no me funciona. ¿O hay que ponerlo en entrada?...
Claro, sólo que el código se pone directamente en la plantilla.
Expande los artilugios y localiza el gadget de texto, es muy parecido a este código:
<b:widget id='Text1' locked='false' title='' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content' oncontextmenu='return false' ondragstart='return false' onmousedown='return false' onselectstart='return false'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Agrega lo que está en negrita y listo.
perdona, me encanta como explicas todo y demás. Quiero saber si sabes como puedo poner un gagdest de otra página en blogger, ya que son mejores los de otras páginas, y no soy capaz de ponerlos en mi blog. Muchas gracias.
Hola NIMIEDADES,
Si la página donde está el gadget tiene el gadget a disposición de todos entonces deberá haber un código para que copies, lo único que tienes que haces es copiar ese código y luego ir a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pegar el código del gadget.
Saludos.
Saludos Potro:D mi nombre es Patricia y te quiero dar las gracias por éstos datos muy buenos para proteger imágenes. A mí sí me interesa mucho poder proteger mis imágenes y tengo unas en MySpace que me URGEN proteger. Lo que pasa esque yo no soy una experta en ésto y quisiera si no es mucha molestia que me expliques paso por paso cómo y en dónde poner el código de protección. De nuevo te doy las gracias, cuídate,
Hola Patricia,
Desconozco si se pueda aplicar este mismo truco para otras plataformas como MySpace, para Blogger sí que te servirá pero sobre otros sitios no sabría decirte.
Saludos.
Ah ok. De todos modos voy a intentarlo porque las fotos que necesito proteger, son de colección y me costaron mucho trabajo y sobretodo dinero para conseguirlas. Ya tuve un problema con una persona en MySpace por lo mismo, porque me robó algunas de ésas fotos. Perdón que te insista, pero cuando tengas tiempo, ¿podrías explicarme cómo utilizar el código? Tal vez pueda funcionar en MySpace:) de nuevo te doy las gracias por tu tiempo:) saludos.
Ya me acabo de dar una vuelta por MySpace y si bien sí se puede personalizar algunos aspectos de la página no se puede tocar el HTML del sitio por lo que no es posible usar este código ahí :(
Hola Potro, otra vez gracias. Sí, todo en MySpace se puede personalizar y yo ya cambié a modo privado mis álbumes. Lo que a mí me gustaría esque todos puedan ver mis fotos pero que nadie las pueda copiar. Yo creo que la única solución (y sé que NO es 100% segura) es inhabilitar el botón derecho. Bueno, a ver cómo le hago. Gracias por todo:D cuídate:)
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.