Deshabilitar el click derecho en tu blog
Vamos a ver
como se hace para deshabilitar el click derecho de nuestro blog en blogger. Si
bien para muchos esta función no es de mucha utilidad, hay gente que nos pide
que les enseñemos a realizarla, y se debe fundamentalmente a que al inhabilitar
el click derecho evitamos que algun visitante pueda copiarnos el contenido de
nuestro blog.
Para llevar
a cabo este truco basta con acceder a la Edición HTML de nuestro blog y buscar
esta etiqueta:
<body>
Y justo
después, pegar este código
<script language="Javascript">
document.oncontextmenu = function(){return false}
</script>
document.oncontextmenu = function(){return false}
</script>
Guardamos los
cambios y está listo, ya tenemos deshabilitado el botón derecho en nuestro
blog.
Cómo
evitar que te copien el texto de tu blog
Como ya
sabemos hay mucha gente que se quiere pasar de lista copiando el contenido de
un blog para luego pegarlo tal cual y publicarlo. En ocasiones escribir un post
significa dedicarle mucho tiempo, ya sea investigando, recopilando fuentes,
buscando imágenes, redactando, corrigiendo y dando forma al contenido, y de
pronto nuestro esfuerzo aparece en el blog de otros asumiendo que son los
autores de dicho contenido y obviamente sin la mención de créditos.
Así que
veremos una forma para evitar que nos roben el contenido del blog alguno
de estos odiosos personajes. Aclaro, estoy completamente de acuerdo en que la
información debe ser libre y debe compartirse, pero de ningún modo estoy de
acuerdo en que se robe información y se asuman el trabajo de otros, por lo que
si tomas información de algún lado cita a los autores y redáctalo con tus
propias palabras.
Entonces
vamos a emplear un script que deshabilita la opción de seleccionar el texto
de una página web, evitando de esta forma que hagan un 'copy & paste' y te
roben tu contenido. Pero que hay que aclarar que no es un método infalible,
ninguno lo es.
Sólo tienes
que entrar a Plantilla | Edición de HTML y pegar antes de </head>
lo siguiente:
<script>
function disabletext(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disabletext
document.onclick=reEnable
}
</script>
function disabletext(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disabletext
document.onclick=reEnable
}
</script>
Aunque este script funciona con todos los navegadores, en Mozilla Firefox bloquea la caja de búsqueda.
Si tienes
alguna foto que quieres publicar pero que no quieres compartir por temor al mal
uso que se le pueda dar entonces te daré una forma para proteger tus fotos.
Lo que haremos será deshabilitar el botón derecho del mouse para evitar que copien tus imágenes. Pero no te preocupes que esta función sólo deshabilita el botón sobre la foto que tú desees, el resto del blog no sufrirá esta efecto.
Lo que haremos será deshabilitar el botón derecho del mouse para evitar que copien tus imágenes. Pero no te preocupes que esta función sólo deshabilita el botón sobre la foto que tú desees, el resto del blog no sufrirá esta efecto.
Lo que debes hacer es usar este código cuando quieras publicar una foto que quieres proteger:
<img
src="URL de la imagen"
oncontextmenu="alert('Opción deshabilitada');return false"
oncopy="alert('Opción desabilitada');return false"/>
Ahora cambia
la URL de la imagen y si lo deseas el texto
entre paréntesis que es el que aparecerá cuando intenten copiar.
Con esto tendrás más control sobre las fotos que publiques.
Cómo evitar que te copien imágenes y texto del blog
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.
Sigamos. Lo
que haremos será entrar a Plantilla | Edición de HTML y marcando
la casilla Expandir plantillas de artilugios buscaremos esta
línea:
<div class='post-body entry-content'>
Y la cambiamos por esta otra:
<div class='post-body entry-content' oncontextmenu='return false'
ondragstart='return false' onmousedown='return false' onselectstart='return
false'>
Si no encuentras esa línea entonces busca esta:
<div class='post-body entry-content'
expr:id='"post-body-" + data:post.id'
itemprop='articleBody'>
Y reemplázala por esta:
<div class='post-body entry-content'
expr:id='"post-body-" + data:post.id' itemprop='articleBody'
oncontextmenu='return false' ondragstart='return false' onmousedown='return
false' onselectstart='return false'>
Guarda 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,
Opera y Google Chrome.
Es importante tomar en cuenta que no existe ningún método que sea 100% efectivo pues siempre hay formas de poder copiar contenido, sin embargo con este método dificultará un poco que quien copie pueda hacerlo.
Es importante tomar en cuenta que no existe ningún método que sea 100% efectivo pues siempre hay formas de poder copiar contenido, sin embargo con este método dificultará un poco que quien copie pueda hacerlo.
No hay comentarios:
Publicar un comentario