sexta-feira, 4 de junho de 2010

Como colocar um painel de login do blogger no seu blog

Hoje vou explicar como colocar aquela área de login do www.blogger.com no seu blog usando uma widget.
Primeiro vamos em Layout e vamos add uma Gadget:


Vamos escolher HTML/Java Script:Agora o título você escolhe qual quiser, talvez LOGIN, criativo né ? hihi....
Vamos ao código, vou lhe dar o código purinho sem nenhuma formatação se você achar interessante estilizar sua area de login fica a vontade para usar css.
Aqui o código:

<form target="_blank" action="https://www.blogger.com/start" method="POST" name="login" id="start-login-form"> <table width="146" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="47">E-mail:</td> <td width="99"><span class="input-holder"> <input type="text" size="10" name="Email" id="Email" class="text" dir="ltr" tabindex="1" /> </span></td> </tr> <tr> <td>Senha:</td> <td><span class="input-holder"> <input type="password" size="10" tabindex="2" name="Passwd" id="Passwd" class="text" autocomplete="off" dir="ltr" /> </span></td> </tr> <tr> <td>&nbsp;</td> <td><input type="checkbox" name="PersistentCookie" id="PersistentCookie" tabindex="3" value="yes"> <label for="PersistentCookie">Lembrar meus dados</label></td> </tr> <tr> <td>&nbsp;</td> <td><input type="hidden" name="d" value="/home" /><span class="ubtn-large"><span class="ubtn-blue-on-blue"><script type="text/javascript"> document.write("x3cspan idx3dx22signin-btnx22 classx3dx22ubtnx22 onclickx3dx22if (this.className.indexOf(x26quot;ubtn-disabledx26quot;) x3dx3d -1) {var e x3d document[x26#39;loginx26#39;].ok;(e.length) ? e[0].click() : e.click(); if (window.event) window.event.cancelBubble x3d true; return false;}x22x3ex3cspan classx3dx22leftx22x3ex3cspanx3ex26nbsp;x3cimg srcx3dx22/img/blank.gifx22 widthx3dx221x22 heightx3dx221x22 altx3dx22x22x3ex26nbsp;x3c/spanx3ex3c/spanx3ex3cspan classx3dx22ix22x3ex3ca hrefx3dx22javascript:void(0)x22 tabindexx3dx224x22 onclickx3dx22return false;x22x3eLoginx3c/ax3ex3c/spanx3ex3cspan classx3dx22rightx22x3ex3cspanx3ex26nbsp;x3cimg srcx3dx22/img/blank.gifx22 widthx3dx221x22 heightx3dx221x22 altx3dx22x22x3ex26nbsp;x3c/spanx3ex3c/spanx3ex3c/spanx3e"); </script> <script type="text/javascript"> document.write("x3cinput typex3dx22submitx22 idx3dx22signin-btn-hiddenx22 namex3dx22okx22 valuex3dx22Loginx22 tabindexx3dx22-1x22 stylex3dx22position:absolute; display:block; width:0; padding:0; z-index:-1; border:none; top:-5000px; left:-5000pxx22x3e"); </script> </span></span></td> </tr>
</table> <span class="ubtn-large"><span class="ubtn-blue-on-blue"> <noscript> </noscript> </span></span> </form>

ATENÇÃO: Para ter certeza que este código não vai roubar sua senha, ou de seus usuários primeiramente depois que você add sua Gadget clique em login sem fornecer nenhum dado (deixe em branco os campos), a página que carregar vai dizer que você digitou senha ou login errados. Para ter certeza que esta página naõ é fake repare no FIREFOX lá perto do relógio do windows se existe um cadeado amarelo como este:


Pronto ! www.hc-host.net

Um comentário:

Proibido palavras ofensivas, racistas ou descriminatórias.

[Seu Comentário será liberado no máximo em 24horas]