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 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.
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.
NOTA: Es posible que el código que hay que buscar lo tengas dos veces, si así fuera aplica el cambio en ambos.
OTRA OPCION
Todos sabemos el trabajo que cuesta tener actualizado nuestros blogs/web, es por esto que les vengo a traer un codigo que evita puedan copiar nuestro material, con solo insertarlo en el footer.php.
evita que copien el texto, arrastrado, click derecho, sabemos que es
imposible evitar que se copien material, pero por lo menos se la ponemos
dificil...
Código HTML:
<!-- EVITAR CLICK DERECHO-->
<script language="Javascript">
<!-- Begin
document.oncontextmenu = function(){return false}
// End -->
</script>
<!-- SELECCION DE TEXTO-->
<script type="text/javascript">
// IE Evitar seleccion de texto
document.onselectstart=function(){
if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
return false
else return true;
};
// FIREFOX Evitar seleccion de texto
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD")
return true;
/*else if (obj.tagName=="BUTTON"){
return true;
}*/
else
return false;
}
}
// End -->
</script>
<!-- EVITAR ARRASTRAR Y SOLTAR-->
<script language="Javascript">
<!-- Begin
document.ondragstart = function(){return false}
// End -->
</script>
Última edición por pairox; 17-abr-2010 a las 23:32
Hay
veces que algunos comentaristas, se vuelven muy molestosos. Los que
usamos Apache en nuestros servidores podemos utilizar el .htaccess para bannear visitas, pero también hay soluciones para bannear por IP en Blogger.