Criando area de login Blogger

Descrição: Essa inserção de login no template ou no gadget deixa o blog muito profissional com cara de site mesmo e é muito bom para o própio admi do blog
Nossa Avaliação Do Conteúdo:
Formato: -

Inserindo

1)Faça login no Blogger



2)Vá em "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript", insira como conteúdo o seguinte código:<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"> Conta:



<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="_top" title="Esqueceu a 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>3)Salve e visualize

Estilizando com CSS (opcional)

Se desejar dar um estilo a caixa de login, veja:



1)Acesse "Layout"-> "Editar HTML", procure por "]]></b:skin>", e antes insira o seguinte:#Email, #Passwd{






border: 1px solid #659529;



}







#signin-btn-ns {



color: #FFF;



background: #659529;




border: 1px solid #659529;



}2) Salve e visualize.