Add Login form widget to blogger

Add Login Form Widget To Blogger. Its more better you can login to your google account in your own page than you need to enter another page. Basically, blogger don’t have login form widget like this.  And actually i make this page for looking some visitor whos looking for this  login form widget for blogger as the keyword. If one of you used that keyword for entered here please let me know by give you a second time for writting some comment for this.

 

Here is how to add login form to blogger

For installing login form widget to blogger, you can follow the steps below:

1. Please login to blogger with your ID

2. Click Design



Usually you directly to the Page Elements page menu, but if you don’t please Page Elements menu.


3. Click Add a Gadget



4. Click Plus (+) for HTML/ Javascript gadget


5. Paste the following code to the column

<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>

6. Click SAVE

7. If you want to move the gadget recently created position, you can just move it and click SAVE button which on top to finish.

8. Finish

Now the login form is already available on your blog, and if you want to log into blogger can simply use the login form and you dont need to enter another page. Its just give you more easy and look profesional in your blog .. lol hope its usefull ^^

Stay updates with this blog! By entering your email address below, then you will get free email newsletter updates from this blog.