How To Add Blogger Sign In Form On Blogger/Blogspot

Views:

Any way to fix a sign in box to your blogger ? i will show you a simple way to add Google sign in box to your blogger. Follow step bye step.

1. Log in your Blogger .Then go to Design then Layout.
2. Click on ‘Add a Gadget’ option placeholder where you want the news slider to appear.
3. Select ‘HTML/JavaScript’
4. Copy and then paste the code below into the ‘Content’ field (you may leave the ‘Title’ field blank)

Copy This Code

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

Save it and enjoy..............................