11.7.13

Contraseña de acceso a entradas Blogger


Podemos restringir el acceso a una(s) entrada(s) de nuestro blog habilitando un formulario de acceso con contraseña, así:

1.- Cuando creemos la entrada, en el editor de HTML...

Crear entrada en edotor HTML

...pegamos, antes del texto de la misma, el siguiente Script:

<Script languaje="javascript">
  var getin = prompt("Necesitas una contraseña para acceder a esta entrada.")
  if (getin!="Aquí la contraseña")
  {location.href='URL de página anunciando error'}
  else
  {alert('Contraseña correcta, acepta para ingresar')}
</Script>
  • En Aquí la contraseña ponemos el número de la contraseña.
  • Cuando la contraseña anotada en el formulario no es la correcta, el Script nos rediccionará a la página cuya URL debemos poner en URL de página anunciando error.

2.- Para crear la página con el anuncio de Error tenemos dos opciones:

  • Crear una entrada con el texto en donde anunciamos el error. Esta alternativa no es aconsejable porque, mientras no creemos más entradas, ésta, en la que anunciamos el error, se verá en la página principal, lo cual no es nada estético.
  • Crear un nuevo blog (en Blogger podemos crear todos los blogs que queramos) con una única entrada, que es la que va a contener el texto con el anuncio de Error. La URL de este blog es la que debemos poner en URL de página anunciando error. Esta opción es la ideal.
Si son varias las entradas con acceso restringido, ponemos en cada una el Script (véase punto 1), y creamos en el nuevo blog una entrada con el anuncio de error por cada entrada, del blog principal, con acceso restringido, y en URL de página anunciando error ponemos la URL de la entrada respectiva.

En este último caso, en el que debamos crear varias entradas con anuncio de error en el nuevo blog, debemos habilitar, en el mismo Mostrar un máximo de 1 entrada en la página principal:

Diseño ► Configuración ► Entradas y comentarios ► Mostrar un máximo de 1 entrada en la página principal

Lo anterior con el fin de evitar que nos aparezcan, en la entrada principal del nuevo blog, varios anuncios de error.

3.- En la entrada que va a contener el anuncio de error, y a la que no le pondremos título, ponemos, en el editor de HTML, el siguiente código:

<p>
<center>
<b>¡¡Contraseña errada!! Regresa, haciendo click sobre la flecha, e inténtalo de nuevo.</b>
<p>
<a href="URL de la entrada con acceso restringido"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 47px;" src="http://www.clker.com/cliparts/e/a/7/a/1194985593422726425arrow-left-blue_benji_pa_01.svg.thumb.png" border="0" alt="Intentar de nuevo" title="Intentar de nuevo"/></a>
</center>
  • En URL de la entrada con acceso restringido ponemos la URL de la entrada a la que debemos acceder con contraseña.
  • http://www.clker.com/cliparts/e/a/7/a/1194985593422726425arrow-left-blue_benji_pa_01.svg.thumb.png es la URL de la imagen (flecha), que puede ser cambiada.

Esta entrada se verá así:

Regresar a poner contraseña correcta

En el Demo vamos a utilizar esta clave: 12345. Probemos utilizando la clave correcta y otra incorrecta:

Contraseña para acceder a una entrada

Como vimos en el demo, una vez introducida la contraseña correcta aparecerá un mensaje como éste:

...que dependiendo del navegador, puede contener o nó la segunda la línea "Evita que esta página cree cuadros de diálogos adicionales". Esta clase de mensajes suele crear desconfianza. Si queremos que este cuadro no aparezca, sino que, introducida la contraseña correctamente, se acceda directamente a la entrada, eliminamos del código del punto 1 estas líneas:

  else
  {alert('Contraseña correcta, acepta para ingresar')}

 

Poner más de una contraseña

Si necesitamos poner más de una contraseña en una entrada con acceso restringido, ponemos, en el código del punto 1, la siguiente línea:

  if (getin!="Aquí la contraseña")

...tantas veces cuantas contraseñas necesitemos poner. En este caso el cuadro indicado arriba, con el mensaje del blog, en caso de que lo dejemos habilitado, aparecerá únicamente con la última contraseña.

 

Nota

La contraseña se nos exigirá cuando queramos ingresar a la(s) entrada(s) con acceso restringido, pero también se nos exigirá para ingresar a la página principal cuando en ésta haya varias entradas y entre las mismas esté una entrada con acceso restringido.

24 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Anónimo #

POR FIN UN BLOG QUE FUNCIONA, ANDA QUE NO HE PROBADO, LA VERDAD ES QUE DE ESTE BLOG ES DE DÓNDE SACO LAS COSAS MÁS IMPORTANTES PARA MODIFICAR LOS MÍOS

Comentario escrito por Anónimo #

Felicitaciones muy buen material didactico. Gracias por su aporte

Comentario escrito por Anónimo #

cuando me pide la contraseña aparece al principio de mi blog , osea yo visito mi blog y me aparece de inmediato que requiere la contraseña, pero tambien aparece en la entrada, no quiero que aparezca al principio, como hago?

Comentario escrito por Pedro Pablo Pachón : #

Anónimo, eso ocurre porque la entrada en la que se exige contraseña se encuentra en la página principal o de inicio (como se anota en la nota al final del tutorial). Para que eso no ocurra deberá quitar la entrada con acceso restringido de la página principal, lo cual logrará cambiádole la fecha, a esa entrada, por una fecha anterior a la de la página principal.
En este tutorial se explica cómo cambiar las fechas de las entradas:

http://bloguermast.blogspot.com/2013/01/cambiar-el-orden-de-las-entradas-de.html

Saludos.

Comentario escrito por Anónimo #

Saludos y muy interesante esta informacion. mi duda es que como podria utilizar este metodo para el blog en general o alguna pagina en concreto donde todas las entradas quiero hacerlas por contraseña. se podria hacer?

Comentario escrito por Pedro Pablo Pachón : #

Retroportables Paradise, para que el acceso sea restringido para el blog en general haga lo siguiente:

Va a Diseño ► Plantilla ► Editar HTML, localiza la etiqueta </head> y pega, antes de la misma, el código (script) indicado en el punto uno del tutorial,

Saludos.

Comentario escrito por Anónimo #

Hola,
muchas gracias por la información. El único inconveniente que le veo a esta solución es que si en la página del blog seleccionas mostrar HTML cualquier persona sería capaz de ver la contraseña que se ha puesto... ¿Sabríais de qué modo evitar este inconveniente?

Muchas gracias de antemano.

Comentario escrito por Pedro Pablo Pachón : #

Anónimo, si se refiere al acceso al código fuente del blog, como éste se logra con el botón derecho del mouse, para que cualquiera no pueda acceder al código fuente se puede bloquear ese botón del mouse poniendo la siguiente línea de código antes de la etiqueta </body> :

<body oncontextmenu="return false" onkeydown="return false"></body>

Saludos.

Comentario escrito por l໐งēlēŞŞ : #

Gracias muy bueno

Comentario escrito por Pedro Pablo Pachón : #

¡Saludos, Samuel Covadola!

Comentario escrito por Gema #

Muchas gracias. Me sirvió muy bien

Comentario escrito por Anónimo #

al quitar esta lineas
else
{alert('Contraseña correcta, acepta para ingresar')}

entonces cada vez que cambias de pagina me pide otra vez la contraseña

Comentario escrito por Unknown : #

Anónimo, precisamente ése es el objetivo de la contraseña, que cada vez que se quiera acceder a la entrada se pida la misma.
Saludos.

Comentario escrito por Mtro. José Rosas Ibarra : #

Muchas gracias por tu excelente aportación :-) Me salvaste.
Lo modifiqué y dependiendo de la contraseña es la entrada del blog que muestra

Comentario escrito por Unknown : #

Muy agradecido por tu tu extraordinario aporte. Excelente ...!!!

Comentario escrito por Anónimo #

genial ¡¡¡
brillante explicación que lo que he podido hacer una de las cosas que tenia ilusión de hacer y por ignorancia nunca lo hacia.
Muchas gracias por compartir tu sapiencia

Comentario escrito por Anónimo #

muy interesante!

Comentario escrito por Anónimo #

El problema de este script es que ingresando al código fuente de la página, puedes saber la contrseña y ya no tienes protección. Te dejo tu propio ejemplo de ejemplo man:
view-source:bloguermast2.blogspot.com.ar/2011/02/contrasena-de-acceso-una-entrada-del_23.html
Ingresa ahí y ya tienes la contraseña. Saludos

Comentario escrito por Unknown : #

Anónimo, esto lo sabe usted, lo sé yo, y lo saben muchas personas; pero también muchísimas personas no saben ni siquiera cómo acceder al al código fuente.
Sin embargo el acceso al código fuente se puede evitar inhabilitando el botón derecho del mouse como explico en la respuesta-comenterio # 8

Saludos.

Comentario escrito por Anónimo #

Hola, buenas tardes.
Me parece muy interesante su post, y me gustaría saber si al publicar una entrada con contraseña el "feedburner" actúa y envía a los suscriptores el email con esa nueva entrada. Me gustaría que no fuera asi, quiero decir que si hay alguna forma de que el feedburner no envíe a todos los usuarios suscritos esa entrada privada con contraseña. Pensando en poder realizar ciertas entradas privadas con contraseña para algunos usuarios "vip" o "supporters".

Saludos, muchas gracias por sus post, son de gran de ayuda.
Panzer C.

Comentario escrito por Unknown : #

Hola Panzer,
Los enlaces de todas las entradas son enviados a los suscriptores, incluídas las protegidas con contraseña; esto no se puede evitar.
Saludos.

Comentario escrito por Anónimo #

Muchas gracias. Bueno es saberlo. Saludos. :)

Comentario escrito por Anónimo #

He puesto contraseña a mi blog tal como se indica en el post y funcioba. El problema lo tengo en la versión para smartphone k no me pide contraseña. Cómo puedo solucionarlo?

Comentario escrito por redxlus : #

Muy bueno, en vez de hacerlo con entradas yo lo hice con 2 páginas y funcionó!
Muchas gracias

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.