Add Blogger Sign In Form on Blog


All Bloggers that use blogspot as the hosting, must be sign in first in blogspot to go to their account. They must go to Blogger. Then they enter the email and password, and finally they can access their account. But, have you think “I wanna add blogger sign in form on blog…”? But, how? You just follow the steps on these trick. 


 DEMO is  Below


 OK, now if you want to add blogger sign in form on your blog, just follow the steps below.

1. Log in to your blogger account
2. Go to Design –> Page Elements –> Add Gadget
3. Choose “HTML/Java Script”
4. Then, add the code below

<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: [email protected]</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>


5. Click SAVE TEMPLATE 

Enjoy Guys! and don’t forget to post your comments. © MyTricksTime.com

Join Our Whatsapp Alert & Get All Our Tricks & Deals updates on your WhatsApp inbox, Whatsapp your full name and city at +918962360896