Añadir URL de entrada en textos copiados (copy and paste)

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): </body> 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/>&copy; 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. Twittear