Minggu, 22 Mei 2011

How to Add Login Form Widget To Blogger





Posted: 12 May 2011 04:29 AM PDT
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.
login form widget for bloggerBasically, 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:
  1. Please login to blogger with your ID
  2. Click Design
    blogger design
  3. Usually you directly to the Page Elements page menu, but if you don't please Page Elements menu.page elements tab
  4. Click Add a Gadget
    add a gadget link
  5. Click Plus (+) for HTML/ Javascript gadget
    html javascript gadget
  6. 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> 
  7. Click SAVE
  8. If you want to move the gadget recently created position, you can just move it and click SAVE button which on top to finish
  9. 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:

Poskan Komentar