(Blogspot) - Thủ thuật tạo form đăng nhập

{Svip4u.InFo}
Thủ thuật này mình sẽ giúp các bạn chèn form đăng nhập trong ngay trang chính của blogspot.
Demo:
 

Blogger

Để cài đặt , bạn làm theo các bước dưới:

1. Đăng nhập
2. Design (Thiết kế)
   
   
3. Page Elements ( phần tử trang):
4. Add a Gadget
   
5. Thêm HTML/ Javascript :
6. Thêm vào đoạn code sau :

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

   
   
7. Click save.

Tutorials kết thúc. Gadget tuy pro nhưng…. 
ExBlogger khuyên các bạn là đừng nên đăng nhập ở trang blog khác không tin tưởng. Lỡ nó lấy pass mình thì sao. :D


Cẩn thận nhé.

Posted in: Blogspot