Todos hemos visto, al copiar y pegar texto de algunos sitios web, que en la parte inferior de lo copiado aparece información que hace referencia a la URL de la fuente, en algunos casos acompañada con un aviso de copyright. Es algo así como: «Leer más aquí: www.sitio.com», y en la parte inferior el aviso de copyright.
Este método lo podemos implementar en nuestro blog para que cuando alguien copie el texto de una entrada, o parte del mismo, aparezca insertada, en la parte inferior del texto copiado, información de la entrada, como la URL y el nombre del blog con el aviso de copyright (derechos de autor).
Utilizamos la librería jQuery de JavaScript para que el código sea interpretado más fácilmente por todos los navegadores
Vamos a Editar HTML:
| Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► | 
|
Localizamos la siguiente etiqueta poniéndola dentro del rectángulo de búsqueda (search):
Inmediatamente antes de la anterior etiqueta pegamos el siguiente código:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
//<![CDATA[
$("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") return;
var miblog = document.getElementsByTagName('body')[0];
var seleccionar = window.getSelection();
if (("" + seleccionar).length < 50) return;
var nuevodiv = document.createElement('div');
nuevodiv.style.position = 'absolute';
nuevodiv.style.left = '-99999px';
miblog.appendChild(nuevodiv);
nuevodiv.appendChild(seleccionar.getRangeAt(0).cloneContents());
if (seleccionar.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
nuevodiv.innerHTML = "<pre>" + nuevodiv.innerHTML + "</pre>";
}
nuevodiv.innerHTML += "<br/><br/>Leer más aquí: <a href='"
+ document.location.href + "'>"
+ document.location.href + "</a><br/>© Nombre del blog";
seleccionar.selectAllChildren(nuevodiv);
window.setTimeout(function () { miblog.removeChild(nuevodiv); }, 200);
});
//]]>
</script>
|
- La primera línea del código corresponde a la librería jQuery; si ya tenemos una en nuestra plantilla, la omitimos.
- La línea con este resaltado pone un mínimo de caracteres copiados para que la información aparezca. En este caso hemos puesto un límite de cincuenta caracteres, es decir, para que la información aparezca la copia debe tener cincuenta caracteres o más, en caso contrario no aparecerá; esta cifra la podemos cambiar. Si no queremos poner un límite, sino que la información aparezca al copiar cualquier número de caracteres, eliminamos esa línea.
- El texto Leer más aquí podemmos cambiarlo.
- En el texto resaltado con este color cambiamos Nombre del blog por el correspondiente a nuestro blog. Si no queremos mostrar copyrright con el nombre del blog eliminamos lo resaltado con amarillo.
|
1 comentarios :
Hola Pedro Pablo, he añadido la URL de de mi blog con el aviso de copyright. quedo perfecto,funciona.
Pero me surge una duda,supongamos que alguien se lleva algo sin permiso, y al pegarlo en su sitio le va a aprecer la leyenda de copyright (derechos de autor). Esa ultima parte, la URL de mi blog , la puede eliminar y nadie se entera que es copy and paste?
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.