Caixa de Login no Blogger

asian, cloth, cute, fashion

Olá meus amores, saudades de vocês! Hoje vim postar este tutorial, não sei se mais tarde vou voltar aqui e postar mais algo, se sim, que ótimo *u* se não é porque estarei cansada do curso e da escola ok? Então clique em Leia Mais e confira este tutorial!


O objetivo do tutorial é este abaixo:


Vamos lá? Vá em Layout > Adicionar Gadget HTML/JavaScript e nele cole:

<div id="loginform"><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://draft.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fdraft.blogger.com%2F" name="continue" type="hidden" />
<br />
<div>
<label for="Email"> Email:
<br /><input id="Email" tabindex="1" name="Email" size="20" type="text" />
</label>
</div>
<br />
<div>
<label for="Passwd"> Senha: (<a href="https://www.blogger.com/forgot.g" target="_blank" title="Esqueceu Sua Senha?">?</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>
<style>
#Email, #Passwd{
border: 1px solid #8B2252; /* Borda dos Campos */
color: #8B2252; /* Cor do Texto dos Campos */
}
#signin-btn-ns {
color: #FFF; /* Cor do Texto do Botão */
background: #8B2252; /* Fundo do Botão */
font-weight:bold; /* Texto Negrito do Botão */
border:none; /* Sem Bordas */
cursor:pointer; /* Não Altere */
}
</style>


É só editar onde se pede gente, adicionar o gadget e ver como ficou. Espero que tenham curtido gente ;D