Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Widget de login (iniciar sesión) en blogger

Desde hace tiempo buscaba la manera de crear un sistema de login (inicio de sesión) en blogger para poder instalarlo en un gadget.

Pensando y pensando di con la solución y el resultado te lo muestro en esta imagen:




Esto dará la oportunidad a tus visitantes de poder iniciar sesión en blogger y acceder a su Escritorio desde tu blog.

Para implementarlo sigue los siguientes pasos:

Diseño>añadir gadget (elemento de página)>html-javascript

Pega este código:

<div id="iniciosesion" style="padding-left: 3em; padding-top: 6px; border: 3px solid #E1D4C0;"><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" onsubmit="onlogin()" method="post">

<input value="http://blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fblogger.com%2F" name="continue" type="hidden"/>

<div>

<label for="Email"> Nombre de usuario:
<p>

<input id="Email" tabindex="1" name="Email" size="20" type="text"/>
</p></label>
</div>

<div>
<label for="Passwd"> Contraseña: (<a target="_top" href="https://www.blogger.com/forgot.g" title="¿Ha olvidado su contraseña?">?</a>)
</label><p>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/>
</p></div>

<input id="signin-btn-ns" tabindex="0" class="ubtn ubtn-block" value="Acceder" name="submit" type="submit"/>
<p>
<input id="PersistentCookie" tabindex="3" value="yes" name="PersistentCookie" type="checkbox"/>
<label for="PersistentCookie">Recordarme</label>
(<a ?="" recordarme="" target="_top" href="http://elbalcondejaime.blogspot.com/2009/04/para-que-sirve-la-casilla-recordarme.html" title="¿Qué es?">?</a>)</p></form></div>


Y guarda el gadget...



Puedes cambiar el botón de Acceder por uno estilo blogger, como este:




Para ello, debes cambiar esta parte del código:

<input id="signin-btn-ns" tabindex="0" class="ubtn ubtn-block" value="Acceder" name="submit" type="submit"/>

Por esta otra:

<input id="b" src="http://i695.photobucket.com/albums/vv317/elbalcondejaime/4columnas-10.png?t=1249251313" class="ubtn ubtn-block" value="" type="image"/>

La dirección del botón está señalada en verde. Si lo prefieres, puedes cambiarlo por una imagen personal.

Nota:

Siempre puedes personalizarlo un poco. Si lo deseas, puedes añadirle un fondo al gadget, por ejemplo.

The Big dice...

Que Bueno Bro Haora Mismo Voy A Probar Si Funciona Lolz

The Big dice...

Funciona pero no es lo que yo quiero, Quiero uno que sea para login en mi blog para que el que se registre pueda publicar y descargar cosas, Pero bueno ese esta bien

C dice...

Increíble! No sabia que se podía poner esto en blogger :D

Gracias!

Jaime Trujillo Escobedo dice...

The Big, me alegra que te haya gustado.

Eso que dices suena genial, quizás algo parecido sea lo de añadir autores en blogger (Configuración > Permisos > Añadir autores) y de esa forma, hacer que la gente pueda iniciar sesión en blogger para publicar en tu blog.

En ese caso, podrías agregar el sistema de login, lo que facilitaría el acceso al escritorio.

De todas formas, a la vuelta de mis vacaciones me pondré a pensar algún método diferente de login, similar a lo que dices. ^_^

Jaime Trujillo Escobedo dice...

Chaantii, se puede hacer esto y ¡mucho más! =)

C dice...

Hace unas semanas no sabia ni crear un blog (bueno, eso si, pero no sabia personalizarlo). Y gracias a tu blog y a muchos otros he aprendido un millón de cosas :D

Gracias!! ^^

Jaime Trujillo Escobedo dice...

Chaantii, el mundo de blogger es algo fascinante.

¡Ya verás las miles de cosas que se pueden hacer!

Es un placer poder ayudarte. Si necesitas cualquier cosilla puedes contar conmigo. ^_^

C dice...

Gracias!

Espero aprender muchas mas cosas leyendo tu blog :D

Marianoaxl dice...

Jaime, otra vez me dejas sin palabras...
Ya esta agregado en mi humilde blog, gracias de nuevo y segui aportando conocimientos que hay muchos que te siguen!!!

Jaime Trujillo Escobedo dice...

Hola Germán Medina, ¡Qué bien quedó el formulario en tu blog!

Me alegra mucho que te gustase el truco y el Balcón. =D

En cuanto a lo que dices de Gem@ o Rosa... yo creo que son unas bloggeras estupendas.

Cada blogger es diferente, cada uno publica lo que descubre o lo que aprende e intenta ayudar a los que lo necesitan, y eso es maravilloso.

Es cierto que las novedades, los trucos que aún no han aparecido, siempre son recibidos de una manera genial.

Me ha encantado leer tu comentario, ¡yo también te mando un Graaaaaaan saludo!

P.D Thanks for your congratulations, I really apreciate them. ☺

Jaime Trujillo Escobedo dice...

marianoaxl, ¿verdad que es cómodo? quedó estupendo con el título "Accede A Blogger". ^_^

Anónimo dice...

necesito lo mismo que pidió THE BIG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Jaime Trujillo Escobedo dice...

Emma, lo primero no deberías pedir las cosas así.

Te comento que lo que pide The Big puede hacerse juntando este truco (insertanto el gadget de login en el blog) y este otro.

yaneth saa dice...

mi blogger personal en este quiero enfocar mis proyectos a largo y corto plazo

Jaime Trujillo Escobedo dice...

¡Muchas suerte con tu nuevo blog, yaneth saa!

ridany dice...

buen tutorial... te felicito

Jaime Trujillo Escobedo dice...

Muchísimas gracias por tus felicitaciones, Ridany, es un encanto tenerte por aquí.

Anónimo dice...

Juampi: esta muy bueno pero tiene el inconveniente de tener q logearse dos veces.ES posible logar en sola una ves.gracias

Jaime Trujillo Escobedo dice...

Juampi, ¿A qué te refieres con loguearse dos veces? Estoy seguro de haber iniciado sesión con este widget y tenerlo que hacer una sola vez :S.

¿Marcaste la casilla "Recordarme" al iniciar sesión?

Anónimo dice...

juampi: si marque esa casilla. cuando me logeo y pongo en acceder..me lleva a otra ventana donde me pide nuevamente nombre de usuario y contraseña..te dejo el link a la ventana donde me lleva luego del primer logeo...
https://www.google.com/accounts/ServiceLoginBoxAuth

Jaime Trujillo Escobedo dice...

Es bastante extraño, Juampi. ¿Qué navegador utilizas? ¿Borras el historial de tu actividad en internet?

Anónimo dice...

juampi: siempre utilice el Firefox..por ahi borro el historial pero muy debes encuando..probe con el Internet explorer y tampoco funciona.
Me sigue apareciendo la segunda ventana para logearse de nuevo..la verdad nose que sera..ya probe copiando y revisando el codigo pero nada..gracias

Anónimo dice...

Juampi: hola de nuevo..la verdad nose q puede ser..pero siempre que me logeo lo tengo q hacer dos veces..Si podes pasame el Post original del tutorial..o si podes escribirme nuevamente el codigo..por ahi hay algo que falta nose..
desde ya muchas gracias..saludos

Jaime Trujillo Escobedo dice...

Anónimo, sinceramente no se a que puede deberse :S. En cuanto al post original del tutorial, te comento que (creo yo) este es el original ya que aún no he podido ver este truco explicado en otros blogs.

Ricardo Panuccio dice...

Sigue sin aparecerme nungún formulario de comentario. AYUDA !!!!!!!!!!!!!!!!!

Anónimo dice...

a Mi tambien me pasa lo mismo de que tengo que logear 2 veces , edsde el widget me abre otro login similar pero en una pagina nueva, donde hay que ingresar de nuevo los datos... si alguiens abe algo porfavor ayudaaaa :)

Jaime Trujillo Escobedo dice...

Ricardo Panuccio, ¿Te recieres al formulario de comentarios? En esta entrada doy dos métodos de instalación para recuperarlo o instalarlo.

Marcelo Mendoza dice...

Jaime, no logro poner el ícono de anónimo, ya que al hacerlo me aparecen 2 imágenes en vez de una. ayuda por favor...gracias...y cuentame si tienes noticias del login de usuario en blogger...bye

Jaime Trujillo Escobedo dice...

Anónimo, me temo que aún no he encontrado una solución. Utilizo firefox y en el blog de pruebas aún no me sucede lo que explicas :S.

Jaime Trujillo Escobedo dice...

Akiles, ¿A que icono de anónimo te refieres? Envíame la dirección de tu blog para poderte ayudar mejor.

litgarciaguillon dice...

nada gracias

Johan Sanchez dice...

Gracias :D Apenas Hoy conosco tu blog y te cuento que esta genial Un saludo

Jaime Trujillo Escobedo dice...

Gracias Johan, espero que puedas obtener el blog que deseas.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo