How to Add Login Form Widget To Blogger - Lot of visitors entered this blog using login form widget for blogger as the keyword, but they didn’t find anything because I believe I haven’t post the tutorial yet.
Basically, blogger don’t have login form widget. So, is it possible to install login form widget to blogger? And the answer is absolutely it can and quite easy.
Add Login Form Widget to Blogger
For
installing login form widget to blogger, you can follow the steps below:
- Please login to blogger with your ID
- Click Design
- Usually you directly to the Page Elements page menu, but if you don't please Page Elements menu.
- Click Add a Gadget
- Click Plus (+) for HTML/ Javascript gadget
- 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>
- Click SAVE
- If you want to move the gadget recently created position, you can just move it and click SAVE button which on top to finish
- 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.
How to Add Login Form Widget To Blogger is a post from:
Blogger Tutorial for beginners
Another useful blogger tutorials:
0 komentar:
Posting Komentar