Poner un Panel de Acceso al Blog, en Blogger

Poner un panel de acceso al blog, nos ahorrará tiempo a la hora que queramos entrar a nuestro blog, porque podemos hacerlo directamente desde la página de inicio de nuestro blog, no tendremos que abrir una nueva ventana ni nada por el estilo, es algo parecido a lo que usan los usuarios de Wordpress.

Además tus lectores o visitantes, pueden ingresar mediante desde este panel a su cuenta de blogger, debido a que los datos no se almacenan.

Para ponerlo en tu blog, nos vamos a Diseño > Edición de HTML con la ayuda de (Ctrl + F) búsca ]]></b:skin> y justo antes pega el siguiente código:

#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 nos vamos a Elementos de la página > Añadir un gadget > elegimos HTML/Javascript y pegamos el siguiente código:

<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>

Bueno, ya lo tenemos ahora si tu quieres cambiar el color de fondo, tienes que cambiar lo que está en rojo por el color que tu quieres, aquí tienes códigos de colores escoge el que más te guste.
Para cambiar, el color del recuadro enviar cambia lo que está en verde. También puedes verlo en mi blog de pruebas.

Vía  | Chica Bolgger