Cómo evitar que te copien imágenes y texto del blog (Truco de quitar el boton derecho de tu pagina o blog)

Usaremos un código que hará tres cosas, deshabilita el botón derecho del mouse, evitará la selección de texto y eliminará la opción de "arrastrar imágenes".

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='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

Y reemplázala por esta:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + 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.

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.

como hacer que si se copea y pega texto de mi blog, le aparezca automaticamnete mi link del blog y mi marca o mensaje de copyright

Como hacer que si alguien copea y pega (Copy Paste) texto de mi blog a otro blog o cualquier otra pagina web (Facebook, twitter, etc), le aparezca automaticamnete informacion como mi link del blog, mi marca o mensaje de copyright.

Esta no es una forma de evitar que alguien nos copie contenido del blog, si no de agregar la URL de nuestro blog cuando alguien nos copie el texto de alguna entrada. Por ejemplo, si copias el texto del siguiente párrafo y lo pegas en el recuadro de abajo, aparecerá la URL de esta entrada así como el nombre de este blog.

En este caso verás que el enlace es sólo un texto, pero si quien lo copia lo pegara estando en la pestaña "Redactar" entonces se copiará como un enlace HTML.
Ciertamente quien copie podrá borrar esa información extra que hemos añadido, pero también existe la posibilidad de que la deje, o incluso que agregue una referencia más formal sobre el blog donde lo ha tomado y eso se transforma en más tráfico para el blog.

Este método usa jQuery para que pueda ser servible en todos los navegadores, y el código es mucho más corto que el que los servicios externos ofrecen.
Para ponerlo en tu blog sólo entra en Plantilla | Edición de HTML y antes de </body> agrega lo siguiente:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
//<![CDATA[
// Añadir información extra al hacer copy & paste                                                                                                // Visita: https://brayanrockerplus.blogspot.com
$("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") return;
var miblog = document.getElementsByTagName('body')[0];
var seleccionar = window.getSelection();
if (("" + seleccionar).length < 10) 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/>Artículo original: <a href='"
+ document.location.href + "'>"
+ document.location.href + "</a><br/>&copy; Nombre de mi blog";
seleccionar.selectAllChildren(nuevodiv);
window.setTimeout(function () { miblog.removeChild(nuevodiv); }, 200);
});
//]]>
</script>

Si ya tuvieras jQuery en tu plantilla entonces omite la primera línea. Ahí verás dónde cambiar el nombre de tu blog, y si lo deseas también puedes cambiar el texto que dice "Artículo original:", puedes ponerle "Más información en:" o lo que gustes.

El script tiene una condición, para cuando el texto que se copie sea muy corto entonces no se ejecute, por ejemplo, habrá quien sólo quiera copiar una palabra o dos, ahí no vale la pena mostrar la información de referencia ya que no está copiando como tal el contenido de tu entrada. Esta condición está determinada por el número de caracteres que se copien, que por defecto la hemos puesto en 10 ese valor lo puedes modificar por uno más alto o uno más corto.