How to Add a Google Sign In Widget in Blogger

Google sign in widget is a nice widget for blogger. Anyone can sign win to his Google account from your blog by using this widget. Adding this widget to your blog is very easy. Just follow my instruction below.

1.Log in to your Blogger Dashboard
2.Go to Design ~> Page Elements ~> Add a Gadget
3. Select HTML/JavaScript
4.Copy and paste 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: 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> 

5. Save and view your blog.