How to add login and registration Form to blogger

You can use google account login and registration form in your blogspot!

Lets see how to do .

As a blogger u must know hat is HTML and Java Script gadget so i hope no need to explain about that .

Below Blue color HTML code u copy and past into Java Script or HTML gadget and save it !

<div style="border:1px solid #C3D9FF;"> <form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth" method="post" onsubmit="return(gaia_onLoginSubmit());"> <div id="gaia_loginbox"> <table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" border="0"> <tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa"> <input type="hidden" name="ltmpl" value="start" /> <div class="loginBox"> <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0"> <tr> <td colspan="2" align="center"> <font size="-1">Sign in with your</font> <table> <tr> <td valign="top"> <img src="https://www.google.com/accounts/google_transparent.gif" alt="Google" /> </td> <td valign="middle"> <font size="+0"><b>Account</b></font> </td> </tr> </table> </td> </tr> <tr> <td colspan="2" align="center"> </td> </tr> <tr id="email-row"> <td nowrap="nowrap"> <div align="right"> <span class="gaia le lbl">Email:</span> </div> </td> <td> <input type="hidden" name="continue" id="continue" value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&a=ADD_SERVICE_FLAG" /> <input type="hidden" name="service" id="service" value="blogger" /> <input type="hidden" name="naui" id="naui" value="8" /> <input type="hidden" name="fpui" id="fpui" value="2" /> <input type="hidden" name="skipvpage" id="skipvpage" value="true" /> <input type="hidden" name="rm" id="rm" value="false" /> <input type="hidden" name="dsh" id="dsh" value="-5001523091454835929" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="alwf" id="alwf" value="true" /> <input type="hidden" name="alinsu" id="alinsu" value="0" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="timeStmp" id="timeStmp" value=''/> <input type="hidden" name="secTok" id="secTok" value=''/> <input type="hidden" name="GALX" value="EmaSfmXjlk8" /> <input type="text" name="Email" id="Email" size="18" value="" class='gaia le val' /> </td> </tr> <tr> <td></td> <td align="left"> <div style="color: #666666; font-size: 75%;">ex: pat@example.com</div> </td> </tr> <tr id="password-row" class="enabled"> <td align="right" nowrap="nowrap"> <span class="gaia le lbl">Password:</span> </td> <td> <input type="password" name="Passwd" id="Passwd" size="18" class="gaia le val" /> </td> </tr> <tr> <td> </td> <td align="left"> </td> </tr> <tr id="rememberme-row" class="enabled"> <td align="right" valign="top"> <input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" checked='checked' /> <input type="hidden" name='rmshown' value="1" /> </td> <td> <label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">Stay signed in</label> </td> </tr> <tr> <td> </td> <td align="left"> <input type="submit" class="gaia le button" name="signIn" id="signIn" value="Sign in" /> </td> </tr> <tr id="ga-fprow"> <td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom"> <a href="https://www.blogger.com/forgot.g" target=_top>Can't access your account?</a> </td> </tr> </table> </div> </td> </tr> </table> </div> <input type="hidden" name="asts" id="asts" value="" /> </form> <script> var gaia_loginForm; if (document.getElementById) { gaia_loginForm = document.getElementById("gaia_loginform"); } else if (window.gaia_loginform) { gaia_loginForm = window.gaia_loginform; } var gaia_emailHasKeypress = false; if (gaia_loginForm && gaia_loginForm.Email) { gaia_loginForm.Email.onkeypress = function() { gaia_emailHasKeypress = true; } } function gaia_setFocus() { if (gaia_loginForm) { if (gaia_loginForm.Email && !gaia_loginForm.Email.value) { gaia_loginForm.Email.focus(); } else if (gaia_loginForm.Passwd && !gaia_emailHasKeypress) { gaia_loginForm.Passwd.focus(); } } } gaia_setFocus(); </script> <form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth" method="post" onsubmit="return(gaia_onLoginSubmit());"> <input type="hidden" name="continue" id="continue" value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&a=ADD_SERVICE_FLAG" /> <input type="hidden" name="service" id="service" value="blogger" /> <input type="hidden" name="naui" id="naui" value="8" /> <input type="hidden" name="fpui" id="fpui" value="2" /> <input type="hidden" name="skipvpage" id="skipvpage" value="true" /> <input type="hidden" name="rm" id="rm" value="false" /> <input type="hidden" name="dsh" id="dsh" value="-5001523091454835929" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="alwf" id="alwf" value="true" /> <input type="hidden" name="alinsu" id="alinsu" value="0" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> </form> </div>



it will be show  like this    ⇙

Sign in with your Account Email: ex: pat@example.com Password: Stay signed in Can't access your account?

That's  it .

Thanks 

If any doubt or problem , u can contract with us.