Tutorial: Cómo agregar una contraseña a tu blog, entrada o página

[Michael Rosario]

A veces queremos crear un blog privado para charlar o difundir información entre amigos o una sociedad, para lo que Blogger ofrece la funcionalidad de poner tu blog en privado, sólo disponible para estos lectores.... y puedes invitar a diferentes lectores a entrar a tu blog, lo que permite que puedas crear tu blog en sociedad o entre amigos. Pero hay un problema, ¿Que pasa si uno de los miembros que queremos agregar no tiene cuenta de Google para agregar al blog y poder entrar como lector invitado?, bueno pues este es el problema que vamos a solucionar en este tutorial, y es que lo haremos mediante contraseñas. ¡Vamos!

Paso 1
Vamos a ir a nuestro blog, luego a la pestaña Plantilla, vamos al HTML y presionamos en alguna parte del código, luego pulsamos Ctrl+G para abrir el buscador interno. Ahora buscaremos la etiqueta de cierre </head>.

Paso 2
Es justo antes de la etiqueta </head> donde pegamos este código:

<Script languaje="javascript">
var getin = prompt(" Mensaje instruyendo a insertar contraseña ")
if (getin!=" Aquí la contraseña ")
{location.href=' URL de página anunciando error '}
else
{alert(' Mensaje de contraseña correcta ')}
</Script>

Instrucciones al Paso 2
Luego de haber añadido ese código, debemos sustituir el texto de color amarillo por el mensaje que queremos que salga antes de ingresar la contraseña, el texto rojo debemos cambiarlo por la contraseña, mientras que el Azul será la URL a la que se dirigirá quien ingrese una contraseña incorrecta (Sugiero la URL de la página principal de tu blog), y para terminar debemos sustituir el texto verde por el mensaje que queremos que salga cuando la persona ingrese una contraseña correcta. Presionamos guardar y vamos al blog. Veremos que ya nos pide la contraseña.


Para ponerlo en entradas o páginas estáticas...
Es un proceso similar, sólo debemos ingresar en la vista de HTML este código:

<Script languaje="javascript"> var getin = prompt( "Necesita una contraseña para acceder aquí" ) if (getin!=" Aquí la contraseña ") {location.href='URL de página anunciando error'} else {alert('Contraseña correcta, acepta para ingresar')}</Script>

... y listo. Para sustituir los colores nos basamos en las instrucciones de colores que les di más arriba, y listo. Recuerden, en la página anunciando error sería bueno que pongan el mismo link de la página o entrada, para que la persona intente accesar otra vez.




Nota: Si ponemos este efecto a la página principal, todas las entradas y páginas estáticas o dinámicas descendientes del dominio de tu blog se encriptarán bajo la misma contraseña, nada quedará abierto al público que no sepa la contraseña.


¡Gracias por leer! Deja tu comentario si te sirvió. ¡Hasta la próxima! 😎😎😎

 

[xxxtentacion]

Se va a mi barra de marcadores muy buen tutorial y muy útil gracias! :encouragement:

 

[adolfocs]

Gracias por el codigo me hace falta en una web

 

[Souhiro]

Genial amigo, de mucha utilidad :encouragement:

 

[Michael Rosario]

el codigo me hace falta en una web

Qué bueno que te cayó bien adolfocs. De seguro te funcionará un montón.

 

[buenaweb]

El codigo me servirá para un proyecto que tengo en mente😛8:, salaudos y gracias por el aporte:encouragement:

 

[josedaba]

excelente y simple el tutorial, solo que cuando le das clic derecho al código fuente puedes ver la clave jajaja

 

[Michael Rosario]

cuando le das clic derecho al código fuente puedes ver la clave

Sí, josedaba, pero el código fuente no está disponible hasta que no ingresas la contraseña y visualizas la página web o el blog. Así que para poder ver la contraseña a través del código vas a tener que haber ingresado la contraseña anteriormente para poder visualizar la página y ver el código fuente.

 

[josedaba]

Sí, josedaba, pero el código fuente no está disponible hasta que no ingresas la contraseña y visualizas la página web o el blog. Así que para poder ver la contraseña a través del código vas a tener que haber ingresado la contraseña anteriormente para poder visualizar la página y ver el código fuente.

Puedes enviar una demo para ver si funciona?

 

[Grimmjow]

Excelente, estoy agradecido por la información :encouragement:

 

[Norlan30]

gracias por la informacion

 

[LizV]

Excelente información.

 

[vallard4456]

gracias me sera de mucha utilidad:encouragement:

 

[Falcon]

interesante, voy a revisarlo más profundo gracias

 

[kikazo]

Gracias x la info

 

[Iván Vidiella Selaya]

Me funciona perfectamente en los ordenadores.

Pero no funciona con los smartphones.

¿Cómo puedo hacer para que al entrar a un blog desde un teléfono te pida una contraseña?

Saludos

 

[Iván Vidiella Selaya]

He quitado la versión Movil del blog, y ya no se puede ver desde el Teléfono, a no ser que pongas la contraseña.
Gracias a todos de todas formas.

 

[soulseo]

Buen tutorial 😉