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.
Mostrando entradas con la etiqueta Ventana. Mostrar todas las entradas
Mostrando entradas con la etiqueta Ventana. Mostrar todas las entradas

martes, 31 de mayo de 2011

No permitir usar click derecho en tu blog

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, 14 de agosto de 2010

Haz que tu blog salude a un visitante con su nombre

Este truco está relacionado con las cookies de tu navegador. En donde al entrar a tu blog el visitante deberá introducir su nombre o un nick y luego en la columna de gadgets se muestra un mensaje que saluda al visitante con el nick ingresado. Ver el truco en el Laboratorio de T.B.


En esta imagen se muestra el cuadro para escribir el nombre al entrar el blog.


Ahí se muestra el saludo en el gadget con el nombre incluido.
El código se debe pegar en el mismo gadget. O sea que vasmos a Blogger → Diseño → Elementos de la página → Añadir un gadget → HTML/Javascript y pegamos este código (siempre en la solapa Edición de HTML):
<script>
<!--

// Boolean variable specified if alert should be displayed if cookie exceeds 4KB
var caution = false

// nombre - Nombre para el cookie
// value - value of the cookie
// [expiracion] - expiration date of the cookie (defaults to end of current session)
// [path] - path for which the cookie is valid (defaults to path of calling document)
// [domain] - domain for which the cookie is valid (defaults to domain of calling document)
// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission
// * an argument defaults when it is assigned null as a placeholder
// * a null placeholder is not required for trailing omitted arguments
function setCookie(nombre, value, expiracion, path, domain, secure) {
var curCookie = nombre + "=" + escape(value) +
((expiracion) ? "; expiracion=" + expiracion.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
if (!caution || (nombre + "=" + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm("Cookie exceeds 4KB and will be cut!"))
document.cookie = curCookie
}

// nombre - name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(nombre) {
var prefix = nombre + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// nombre - name of the cookie
// [path] - path of the cookie (must be same as path used to create cookie)
// [domain] - domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(nombre, path, domain) {
if (getCookie(nombre)) {
document.cookie = nombre + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expiracion=Thu, 01-Jan-70 00:00:01 GMT"
}
}

// date - any instance of the Date object
// * you should hand all instances of the Date object to this function for "repairs"
// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)
}

var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 31 * 24 * 60 * 60 * 1000)
var nombre = getCookie("nombre")
if (!nombre)
nombre = prompt("Ingrese un nick o nombre:", "Internauta")
setCookie("nombre", nombre, now)
document.write("Hola " + nombre + "!")
//-->
</script>
Como es un truco muy simple. No se necesita agregar ninguna modificación.
Haz la prueba verás que es un truco no muy visto en páginas webs y es muy curioso.

lunes, 12 de julio de 2010

Mensaje de alerta en un enlace

Seguramente has visto esas pequeñas ventanas que aparecen al hacer click y se abre una ventana de alerta que muestra un mensaje y tiene un botón incrustado que dice "Aceptar".
Eso es posible mediante atributos HTML que se puede usar en forma de botón, imagen ó enlace.
Obtener un mensaje de alertaPara tener un mensaje de alerta con un botón copia y pega el siguiente código en un elemento [Blogger → Diseño → Añadir un gadget → HTML/JavaScript]:

<input value="Contenido del botón" name="Agregar un mensaje" onclick="alert(name)" title="teoriablogger.blogspot.com" type="button"></input>
El ejemplo:

Teoría
Como pudimos ver, en el código dado, se encuentra una etiqueta y cuatro atributos, vamos a enseñar cada uno en forma de resumen:

Etiquetas Atributos Valor
input type: es un atributo que se usa sólo para esta
etiqueta, <input>, consiste en indicarle
a esta etiqueta, qué función va a cumplir.
Por ejemplo, puede ser un botón, agregán-
dole el valor button; puede ser un campo de
contraseña, agregándole el valor password,
entre
otros.
button

onclick: comportamientos que se establecen
en HTML, generalmente usado para vincular
con Javascript.
alert(name)

name: en este caso, el valor de name puede
ser un valor a elección.
Valor a elección

value: el valor de este atributo es a elección. Valor a elección

Más info:
Los atributos que se usan para poder llevar a cabo este truco, se pueden usar en cualquiera de las etiquetas de las que mencionamos anteriormente (botón <button>, imagen <img>, enlace <a>).

domingo, 11 de julio de 2010

Abrir enlace en otra pestaña

Supongamos que una página (a.com) quiere enlazar, en la misma, a otra página (b.com). Eso es posible haciendo un link con la etiqueta a y el atributo href. ¿Pero qué pasa si el administrador de la primer página no quiere que sus usuarios salgan de su página al clickear el nuevo link?
Abrir enlace en otra ventana Para ello vamos a asumir que sabemos crear un link en HTML. Si no es así, entren a: Etiqueta a y sabrán hacerlo. El atributo que nos ofrece el HTML para esta problemática es el target="direct", que hace que abra otra pestaña o ventana según prefiera el navegador. Entonces la sintaxis sería la siguiente:
<a href="http://www.vimeo.com/" target="_blank">Vimeo</a>
Entonces funcionaría así:
Vimeo
Atributos:
href : Atributo obligatorio de la etiqueta a, se indica la URL de la página.
target="_blank" : Atributo no obligatorio, que permite abrir enlace en otra ventana o pestaña.
Actualización: 8 de mayo de 2013.