terça-feira, 26 de junho de 2012

Área de Login no Blogger

"- E ai pessoal! Comentem ai..." Galera, vou ensinar como criar uma área de login pro seu blogger. Como isso funciona? É tipo a do wordpress...

1) Faça Login no Blogger

2) Vá em Design > 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.

4) Se deseja dar um style na caixa de login, veja:
-Acesse Design > 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;
}

5) Salve e Visualize.

0 comentários:

Postar um comentário