How to Add Login Form Widget to Blogger ~ မြိဳးပိုခိုေမာင္;

October 23, 2012

How to Add Login Form Widget to Blogger

က်ြန္ေတာ္ဒီေန ့ေဆြးေႏြးတင္ျပေပးမယ့္အေၾကာင္းအရာေလးကေတာ့ မိမိဘေလာ့မွာ blogger
အတြက္google login form ထည့္နည္းေလးပါ.ေအာက္ကပံုေလးကိုၾကည့္လိုက္ျပီး
လိုအပ္ရင္ထည့္သြာင္းထားလို ့ရပါတယ္.သိပ္ေတာ့အေရးမၾကီးပါဘူး.
မိမိဘေလာ့ေလးပိုမိုလွပသြားေအာင္လုပ္နည္းေလးပါဘဲ.

စၾကရေအာင္!

1. Login to blogger with your ID.

2. After entering the dashboard page , click Layout.

3. page element

4. Click at Add a Page element.( ADD a Gadget )

5. Click add to blog button for the things HTML/JavaScript ကိုသြားျပီး ေအာက္ကကုဒ္ေလးေတြကိုထည့္ေပးလိုက္ပါ။

<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"><br />
  <input type="hidden" name="ltmpl" value="start" /><br />
  <div class="loginBox">
  <table id="gaia_table" align="center"
 border="0" cellpadding="1" cellspacing="0">
<tr>
<td colspan="2" align="center"><br />
  <font size="-1">Sign in with your</font><br />
  <table>
<tr>
  <td valign="top"><br />
  <img src="https://www.google.com/accounts/google_transparent.gif" 
alt="Google" /><br />
  </td>
  <td valign="middle"><br />
  <font size="+0"><b>Account</b></font><br 
/>
  </td>
  </tr>
</table>
</td>
</tr>
<tr>
  <td colspan="2" align="center"><br />
  </td>
</tr>
<tr id="email-row">
  <td nowrap="nowrap"><br />
  <div align="right">
  <span class="gaia le 
lbl">Email:</span><br />
  </div>
</td>
  <td><br />
  <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"
 /><br />
  <input type="hidden" name="service" id="service" value="blogger" 
/><br />
  <input type="hidden" name="naui" id="naui" value="8" /><br 
/>
  <input type="hidden" name="fpui" id="fpui" value="2" /><br 
/>
  <input type="hidden" name="skipvpage" id="skipvpage" value="true" 
/><br />
  <input type="hidden" name="rm" id="rm" value="false" /><br 
/>
  <input type="hidden" name="dsh" id="dsh" 
value="-5001523091454835929" /><br />
  <input type="hidden" name="ltmpl" id="ltmpl" value="start" 
/><br />
  <input type="hidden" name="alwf" id="alwf" value="true" /><br
 />
  <input type="hidden" name="alinsu" id="alinsu" value="0" 
/><br />
  <input type="hidden" name="ltmpl" id="ltmpl" value="start" 
/><br />
  <input type="hidden" name="timeStmp" id="timeStmp" 
value=''/><br />
 <input type="hidden" name="secTok" id="secTok" value=''/><br 
/>
  <input type="hidden" name="GALX" value="EmaSfmXjlk8" /><br 
/>
  <input type="text" name="Email"  id="Email" size="18" value="" 
class='gaia le val' /><br />
  </td>
</tr>
<tr>
  <td></td>
  <td align="left"><br />
  <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"><br />
  <span class="gaia le lbl">Password:</span><br />
  </td>
  <td><br />
  <input type="password" name="Passwd" id="Passwd" size="18" 
class="gaia le val" /><br />
  </td>
</tr>
<tr>
  <td> </td>
  <td align="left"><br />
  </td>
</tr>
<tr id="rememberme-row" class="enabled">
  <td align="right" valign="top"><br />
  <input type="checkbox" name="PersistentCookie" 
id="PersistentCookie" value="yes" checked='checked' /><br />
  <input type="hidden" name='rmshown' value="1" /><br />
  </td>
  <td><br />
  <label for="PersistentCookie" id="PersistentCookieLabel" 
class="gaia le rem">Stay signed in</label><br />
  </td>
</tr>
<tr>
  <td><br />
  </td>
  <td align="left"><br />
  <input type="submit" class="gaia le button" name="signIn" 
id="signIn" value="Sign in" /><br />
  </td>
</tr>
<tr id="ga-fprow">
  <td colspan="2" height="33.0" class="gaia le fpwd" align="center" 
valign="bottom"><br />
  <a href="https://www.blogger.com/forgot.g" target=_top>Can't 
access your account?</a><br />
  </td>
</tr>
</table>
</div>
</td>
  </tr>
</table>
</div>
<input type="hidden" name="asts" id="asts" 
value="" /><br />
</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><br />
<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"
 /><br />
  <input type="hidden" name="service" id="service" value="blogger" 
/><br />
  <input type="hidden" name="naui" id="naui" value="8" /><br 
/>
  <input type="hidden" name="fpui" id="fpui" value="2" /><br 
/>
  <input type="hidden" name="skipvpage" id="skipvpage" value="true" 
/><br />
  <input type="hidden" name="rm" id="rm" value="false" /><br 
/>
  <input type="hidden" name="dsh" id="dsh" 
value="-5001523091454835929" /><br />
  <input type="hidden" name="ltmpl" id="ltmpl" value="start" 
/><br />
  <input type="hidden" name="alwf" id="alwf" value="true" /><br
 />
  <input type="hidden" name="alinsu" id="alinsu" value="0" 
/><br />
  <input type="hidden" name="ltmpl" id="ltmpl" value="start" 
/><br />
  <input type="hidden" name="ltmpl" id="ltmpl" value="start" 
/><br />
</form>
</div>

ေက်းဇူးတင္ပါတယ္..

မြိဳးပိုခိုေမာင္;

About

Pages

October 23, 2012