Notis

Síguenos en Twitter: @teoria_blogger | Para tu blog, recomendamos: que el diseño no esté cargado, que las entradas no sean muy largas y que contengan imágenes. Para más consejos Click aquí | Pon un link de Teoría Blogger en tu blog!!! Click aquí. | Para cualquier duda o problema sobre tu blog, escríbenos en nuestro formulario de contacto.

martes, 31 de mayo de 2011

No permitir usar click derecho en tu blog

0:42  Teoría Blogger   2 comentarios

Si por alguna razón no querés que tus lectores puedan copiar un texto o una imagen de tu blog, mirá este post porque es justo lo que estás necesitando y es un truco que podría ser uno de los más buscados.
En este post te vamos a mostrar 3 formas diferentes para proteger los contenidos de tu blog: Una forma es usando atributos HTML y las otras dos formas son códigos Javascript. Usa la que te parezca más eficiente.
Proteger contenidos de tu blog

1er código

En el primero vamos a mostrar el código HTML, en el que tenemos que ir a Blogger → Diseño → Edición de HTML → buscamos la etiqueta <body> y la reemplazamos por
<body oncontextmenu='return false' onkeydown='return false'>

2do código

En este caso, es un script que se debe poner en el sidebar. Así que vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Elegimos el gadget de tipo HTML/Javascript y pegamos el siguiente código:
<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false" )
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>

Contra importante:
Este script no permite de ninguna manera copiar textos, pero sí imágenes.

3er código

El resultado de este script es muy particular con respecto a otros que se pueden observar porque este, al hacer click derecho en alguna parte de la página, se activa una ventana de alerta que dice "En este blog está prohibido usar click derecho!".
Para aplicar este script, debemos ponerlo en el sidebar. Para eso vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Elegimos el tipo de gadget HTML/Javascript y pegamos el siguiente código:
<script language="Javascript">
document.oncontextmenu = function() {
return false
}
function right(e) {
var msg = "En este blog está prohibido usar click derecho!";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
}
else if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
}
return true;
}
document.onmousedown = right;
</script>
El mensaje de la ventana de alerta puede cambiar si lo deseas: cambiando el texto marcado en rojo por el que quieras que aparezca.

sábado, 28 de mayo de 2011

Cronómetro en tu blog

12:45  Teoría Blogger   Comentá!

Esta herramienta que puedes añadirlo en tu blog solo si tienes algo en especial que estás mostrando o como una función particular simplemente. Es eficiente y funciona a la perfección en todos los navegadores.
El código se inserta sólo como gadget es decir que aparecerá en el sidebar. El cronómetro es simplemente el segundero digital, un botón de inciar, de parar y de reiniciar el contador.
Insertar cronómetro al sidebarComo ya te mencionamos, este es un gadget, así que vamos a ir a Blogger → Diseño → Elementos de la página → Añadimos un nuevo gadget → Y seleccionamos el gadget de tipo HTML/Javascript y pegamos el siguiente código:
<form name="crono">
<div align="center"><center>
<p><input title="Este truco en teoriablogger.blogspot.com" type="text" size="8" name="display" value="00:00:0" /><input type="button" name="Iniciar" value=" Iniciar " onclick="IniciarCrono()" /></p>
<p><input title="Este truco en teoriablogger.blogspot.com" type="text" size="8" name="parcial" value="00:00:0 " /> <input type="button" name="Parcial" value="Parcial" onclick="ObtenerParcial()" /></p>
<p><input type="button" name="Parar" value=" Parar " onclick="DetenerCrono()" /><input type="button" name="Cero" value="Cero" onclick="DetenerCrono(); InicializarCrono()" /></p>
</center></div>
</form>
<script type="text/javascript" src="https://sites.google.com/site/teoriablogger/archivos-js/cronotb.js"></script>
Cronómetro