TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Cómo poner un panel de acceso en Blogger

3 de julio de 2009 | Número de comentarios56 comentarios
AVISO
Este gadget ya no funciona debido a los cambios que ha realizado Blogger con motivo de reforzar la seguridad en el inicio de sesión.


loginChica Blogger ha traducido al español este código para poner un panel de acceso en el blog, así como los que usan los usuarios de Wordpress.
Este panel de acceso estará colocado en tu blog de modo que desde ahí puedas ingresar a tu cuenta de Blogger. Incluso cualquier usuario de Blogger podrá ingresar a su cuenta desde ahí sin problemas, ya que los datos no se alamacenan.

Para agregarlo e tu blog, entra a Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
#loginform{
border: 1px solid #000;
background: #E0ECF8;
padding-bottom: 10px;
}
#Email, #Passwd{
border: 1px solid #000;
}

#signin-btn-ns {
color: #fff;
background: #084B8A;
border: 1px solid #000;
}

Ahora en un elemento HTML/Javascript pega esto:
<center><div id="loginform"><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://draft.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fdraft.blogger.com%2F" name="continue" type="hidden"/>
<br/>
<div>
<label for="Email"> Cuenta:
<br/><input id="Email" tabindex="1" name="Email" size="20" type="text"/>
</label>
</div>
<br/>
<div>
<label for="Passwd"> Contraseña: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Olvidé mi contraseña">?</a>)
<br/>
</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/>
</div>
<br/>
<input id="signin-btn-ns" tabindex="0" value="Enviar" class="ubtn ubtn-block" name="submit" type="submit"/>
</form></div></center>

Guarda los cambios y listo. Si quieres cambiar el color de fondo cambia el código que está en rojo por el color que quieras.
Puedes ver el resultado y loguearte en este blog de pruebas.

56 comentarios :

  1. Que tal, tengo dos preguntas :
    En que me ayuda el panel a mi blog y como puedo saber si un comentario que me llega a mi escritorio es un nombre con url o una cuenta de google.
    es que no los voy a publicar pero me gustaria saber.

    ResponderEliminar
  2. Hola el venado,
    El panel de acceso es sólo una herramienta que le brindas a tus usuarios para que desde tu página entren ellos a su cuenta de Blogger, o bien, para que para ti te sea más cómodo entrar sin tener que abrir la página de Blogger.

    Respecto a los comentarios, te das cuenta que es una cuenta de Blogger cuando das click en el nombre del comentarista y abre su perfil de Blogger. Cuando en vez de eso usan un nombre y una URL entonces al hacer click en el nombre abrirá la página con la que firmó y no su perfil de Blogger.
    Saludos.

    ResponderEliminar
  3. Hola Dr. Víctor,
    Sí funciona, acabo de entrar a tu blog y pude ingresar a mi cuenta desde tu panel de acceso.
    Saludos.

    ResponderEliminar
  4. Amigo en mi navegador se queda en blaco no abre ninguna pagina que podra ser

    ResponderEliminar
  5. Ya entro no se pq aveces le cae este mareo no hace las cosas, sabes necesito que me ayudes compre el hosting y no logro que me funciones y la esta redireccionado segun me informo la compañia que me lo vendio

    ResponderEliminar
  6. Debe ser tu conexión de Internet, yo probé en tu blog con tres navegadores distintos y con los tres pude entrar sin problema alguno.
    Mañana me conecto para ver lo de tu hosting, ahora voy de salida.
    Saludos.

    ResponderEliminar
  7. ok hermano gracias como siempre muy solidario Dios te cuide nos hablamos

    ResponderEliminar
  8. Excelente bro!!! siempre pense que eso no estaba disponible para blogger. Tu haces posible lo imposible. jajajajaja.


    Un abrazo!!!

    ResponderEliminar
  9. En realidad fueron otros quienes hicieron el trabajo sucio, yo sólo hice cambios en los colores =P
    Un abrazo.

    ResponderEliminar
  10. Hola amigo. una pregunta donde subes los archivos para que puedan ser descargados desde tu blog

    ResponderEliminar
  11. Hola Dr. Pagé,
    Puedes usar cualquier servicio de alojamiento. Yo uso Dropbox y me ha funcionado de maravilla.
    Saludos.

    ResponderEliminar
  12. Hey que tal.
    Solo pasaba para saludarte, y por cierto el otro dia estaba esperando a que subas un post y para no aburrirme, me puse a recorrer el blog de larg y ancho y note que ya no tienes la carpeta de descargas, ¿ya no la pondras mas? si ya no ¿por que?

    ResponderEliminar
  13. Hola el venado,
    Lo quité de la sidebar porque puse los banners, pero están en el menú de arriba dentro de la pestaña Utilidades.
    Saludos.

    ResponderEliminar
  14. hola queria saber donde se crean las cuentas para mi panel , muy bueno el post!!

    ResponderEliminar
  15. Vale, qué bueno que ya está claro :)

    ResponderEliminar
  16. Hola.
    ¿Cómo puedo poner el gadget del perfil?, el que viene por defecto en añadir un gadget perfil a mi no me queda bien, no me aparece primero la foto, debajo el nombre que pongas y debajo del todo "vertodo mi perfil" como a tu lo tienes.
    Aprovecho para preguntarte si tengo que hacer algún cambio en la platilla ya que con internet explorer lo que aparece de fondo dentro de la platilla de color gris entre las sidebar, post... al pasar el mouse se quita la flecha y es como si estubiera escrito como un post, míramelo.
    Muchas gracias, saludos

    ResponderEliminar
  17. Hola MN,

    Generalmente muchas plantillas tienen incluidos los estilos para el gadget del perfil para que puedas hacer ciertas modificaciones.
    Busca esta parte, sino la tienes agrégalo:

    .profile-img {
    float: $startSide;
    margin-top: 0;
    margin-$endSide: 5px;
    margin-bottom: 5px;
    margin-$startSide: 0;
    padding: 4px;
    border: 1px solid $bordercolor;
    }

    .profile-data {
    margin:0;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    color: $sidebarcolor;
    font-weight: bold;
    line-height: 1.6em;
    }

    .profile-datablock {
    margin:.5em 0 .5em;
    }

    .profile-textblock {
    margin: 0.5em 0;
    line-height: 1.6em;
    }

    .profile-link {
    font: $postfooterfont;
    text-transform: uppercase;
    letter-spacing: .1em;
    }

    El primer segmento es el de la imagen, los otros son del gadget en general y el tercero del link de tu perfil, puedes modificarlos a tu gusto.

    Desconozco por qué sea lo otro que mencionas, pero igual no creo que haya de qué preocuparse, te aseguro que nadie lo notará.

    ¡Saludos!

    ResponderEliminar
  18. Muy bueno!
    Pero te quiero hacer una pregunta...¿Podrias buscar un codigo para el Panel de Acceso en Blogger pero que almacene los datos?. Osea, que ingreses y no te lleve a Blogger, sino que te diga:


    Usuario: Ootl
    Conectado

    Perfil | Gmail


    o algo asi, osea que te aparezca en la misma página y algunas opciones abajo y que te recuerde...
    Si me podes conseguir eso sos un grosso, y si podes hacer como en Taringa.net que apretas ingresar y sale como un cartel flotante sos un Grosso con Mayúsculas...

    ResponderEliminar
  19. Quizá se puedan guardar los datos usando cookies, pero del tema no sé.

    ResponderEliminar
  20. Uy funciona de maravilla ambie los botones y los colores pero de nuevo gracias

    ResponderEliminar
  21. pero como le hago para que algo diga recordar que las cajas de texto recuerden el correo y la contraseña o no se puede??

    ResponderEliminar
  22. No, por seguridad no guarda ni el usuario ni la contraseña, aunque esas características las puedes habilitar en tu navegador para que te recuerde las contraseñas.

    ResponderEliminar
  23. muy bueno!! ^^ pasate! xfa http://aficl.blogspot.com/

    ResponderEliminar
  24. hola potro sinceramente acudo a ti porque pienso y creo que eres un sabio,y de nuevo tengo varios inconvenientes;
    1)trato de abrir mi blog en internet explorer y el aviso flotante de subscripcion sale en desperfecto
    2) los vídeos en una ventana no se ven.
    3)el reproductor no se visualiza al 100%
    4)el chat messenger no funciona
    5)cuando le doy click al menu deslizante se abre una ventana de iexplorer
    6) uno de los gadget no funciona correctamente.
    y por ultimo y lo mas importante es que siento que el blog es bastante pesado tarda demasiado en abrir incluso en ie8 abre pero con errores.cabe decir que el blog funciona a la perfección con google chrome pero la idea principal es k sea visto por todos en cualquier navegador, si me puedes ayudar para reducir el peso del blog es decir k abra con mas facilidad te lo agradeceria, escuche decir sobre los scrips pero no esoy seguro de realizar el proceso gracias potro por todo
    SOS UN DURO.
    MI BLOG http://generationpaisa.blogspot.com

    ResponderEliminar
  25. Hola Admin,

    Al parecer no se ha publicado el comentario pero he podido verlo en el correo.
    Lamentablemente Internet Explorer tiene infinitas incompatibilidades con muchos elementos en todos los blogs, uno de ellos es el de ver los videos haciendo click en el icono como lo tienes, y de hecho en esa entrada se menciona que no es compatible con IE.

    Es posible que haya otro tipo de errores en tu plantilla, quizá algún script o un error de otro tipo pues el menú desplegable no debe abrir ninguna ventana, así que puede tratarse de otro problema quizá que no tiene tanto que ver con IE.

    Respecto a la reducción del tiempo, pues la solución es la misma para todos los casos, eliminar lo que no es necesario, por ejemplo, esas barras de herramientas (Wibiya) suelen alentar un tanto el blog, lo mismo que cualquier otro gadget que no sea indispensable, así que si deseas reducir el tiempo de carga tendrás que pensar qué debes eliminar y qué no.

    Saludos.

    ResponderEliminar
  26. Hola que tal, me parece muy util esto, pero tengo una pregunta, sera posible situarlo en alguna parte del header del blog?.

    ResponderEliminar
  27. Se podría utilizar este panel para un acceso de google apps?
    En ese caso, cómo?

    ResponderEliminar
  28. No, en el caso de Google Apps no usan una dirección electrónica para el acceso sino que es un sistema de seguridad con funciones Javascript y no se puede tener acceso de ese modo.

    ResponderEliminar
  29. Hola, he puesto un acceso a miblogger, pero cuando pongo mi correo y contraseña, no entro directamente, me envia a otra pagina en donde he de repetir correo y contraseña, es decir he de hacer lo mismo dos veces.¿Donde puede estar el problema? este es mi blog:
    http://emilietapsp.blogspot.com/

    ResponderEliminar
  30. De nuevo yo. Se me olvido en el anterior post...Me gustaria poner en mi blog un apartado de mensajes, es decir que me puedan escribir y yo responder, pero que lleve scroll integrado para poder ver si hay mas de uno , ya que he encontrado en red alguno, pero sin scroll.
    Muchas gracias por tu altruismo.

    ResponderEliminar
  31. Ya no funciona como antes Emilieta, anteriormente sí se entrada de inmediato al blog pero con los cambios que ha hecho Blogger ya no ingresa de inmediato sino que envía a una página del propio Blogger, supongo que para reforzar la seguridad de la sesión.

    Sobre los mensajes no lo sé, quizá un chat en línea pueda servirte, de ellos hay varios en la red.

    ¡Saludos!

    ResponderEliminar
  32. Potro, otra vez molestando puse todo como lo indicaste, solo cambie el color, sale todo bien pero no me permite ingresar, lo intente con varios usuarios que tengo de gmail y lo mismo, tienes idea de que puede ser?

    http://clasicosendd.blogspot.com

    Un abrazo

    ResponderEliminar
    Respuestas
    1. Hola gabriel, mira el comentario que está arriba del tuyo. Ahora mismo pondré un aviso en la entrada para advertir sobre el funcionamiento del mismo. Un abrazo.

      Eliminar
  33. Gracias potro, ya lo solucione habilitando la navbar que no me dejaba hacerlo antes, gracias de nuevo, ahora me gustaria que veas el blog y me dijeras como puedo poner en transparente la columna central, donde estan las entradas, no me deja hacerlo y no encuentro o no se si hay otra manera, gracias.

    http://clasicosendd.blogspot.com

    ResponderEliminar
    Respuestas
    1. Dentro del #main-wrapper { verás que hay un background, ese es el fondo, si lo quitas se quitará el color de fondo de ese contenedor. Saludos.

      Eliminar
  34. Gracias Potro, te agradesco mucho tu ayuda, consejos y tips que nos das a diario.

    Salu2

    ResponderEliminar
    Respuestas
    1. Gracias a ti por visitar esta ciudad virtual :)

      Eliminar
  35. Respuestas
    1. Hola FRANCISCO, mira el aviso que está al inicio de la entrada.

      Eliminar
  36. Hola potro, disculpa se podrá utilizar este tipo de panel de acceso pero para las visitas sin contar con PHP, es que actualmente lo que tengo en la página es por medio de ingresar una clave los mande a una página del mismo blogger (vinculo por contraseña xD ). Es el siguiente codigo:

    .!-- Copiar dentro del tag BODY --.
    .script language="JavaScript".
    function Entrar(password) {
    var passvalido = "contaseña :P";
    if(password == passvalido){
    window.location="http://www.ministeriosmontegerizim.com/2011/01/bla bla bla bla.html";
    }else{
    window.location="notienespermiso.htm";
    }
    }
    ./script.

    .form.
    .p..input type="password" name="palabra" size="16" /..input type="button" value="Iniciar Sesión"
    onclick="Entrar(this.form.palabra.value)" name="button" /../p.
    ./form.


    Perooooo... la contraseña se la pasan y ese no es el chiste, entonces habrá alguna manera de poner diferentes contraseñas??? y que te enlacen a la misma página??? y otra... Google me detecta la página a la semana ¬¬ entonces tengo que estar cambiando el link a cada rato, habrá alguna manera de ocultarla de google???

    Saludos y muchas gracias

    La página es www.ministeriosmontegerizim.com

    ResponderEliminar
    Respuestas
    1. Esos métodos no son nada seguros, uno, porque si el navegador del usuario tiene deshabilitado el javascript podrán entrar sin problema, otro, que viendo el código fuente se puede ver sin ningún problema las contraseñas que tengas almacenadas.

      Eliminar
    2. xD si lo se :o pero no conozco otra alternativa gratuita xD... conoces de alguna ?? :P Saludos

      Eliminar
  37. U.u no me funciona eso creo, Realice todos los pasos trato de logear yo y me sale otra pagina coloco de nuevo mi msn y me pw y luego dice no fount este es mi blog http://trollfuckxd.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Quizá no viste el aviso que está al inicio de la entrada ;)

      Eliminar
  38. Hola Potro:
    Acabo de probar el código del panel de acceso en mi Blog, ES MUY, PERO MUY BUENO, HACIA TIEMPO QUE BUSCABA UNO ASÍ, me pregunto si podrías ayudarme, a aumentar al código del panel de acceso CON una condición , que solo el usuario que yo lo registro puede entrar al blog, donde estará registrado.
    Pasa que soy docente y tengo tres materias, entonces me toca hacer que los estudiantes de una materia no puedan ver NI ENTRAR a las otras, creo que si los registro como usuarios e inserto una condición en el código del panel de acceso estaria solucionado el tema, no se que opinion tienes, por favor hazme saber, el código.
    un fuerte abrazo y mil gracias

    ResponderEliminar
    Respuestas
    1. Hola Gino Abruzzese A., en Blogger no existe el registro de usuarios a un blog. Este panel lo único que hace es darle la posibilidad al usuario de ingresar a su cuenta de Blogger, no a la de tu blog, es decir, si yo ahora mismo entro a tu blog y si ingreso mis datos ahí entonces ingresaré a mi cuenta de Blogger, no a la tuya ni a la de alguien más. Por lo tanto, tú sigues teniendo control absoluto de tu blog.

      Saludos.

      Eliminar
  39. y como se podría hacer para crear usuarios y que estos mismos puedan entrar a mi blog en blogger y puedan poner entradas? D:

    ResponderEliminar
    Respuestas
    1. En la configuración del blog puedes enviarles invitaciones por correo a otros usuarios de Blogger para que puedan publicar entradas en el blog.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?