Sobat, membuat blog di blogger/blogspot memang tak seperti jika kita membuat blog pada wordpress. Yang kita soroti disini adalah blog di wordpress mempunyai halaman login/kotak login/login form di sidebar,sedangkan login pada blogger hanya tertera pada navigationbar(navbar) yaitu pada bar yang terpampang di ujung atas halaman blogger. Terus, Bagaimana kalau kita ingin membuat form login blogger di sidebar? . Walaupun dari blogger sendiri tidak menyediakan, tapi kita dapat mensiasatinya. Bagaimana cara membuatnya? Langsung saja, kita meluncur!!....
Secara manual berikut caranya dan nanti tampilannya akan seperti ini:
1.Copy Kode Berikut:
<form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit= "return(gaia_onLoginSubmit());" > <div id="gaia_loginbox"> <table class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0"> <tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa"> <input type="hidden" name="ltmpl" value="draft"> <div class="loginBox"> <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0"> <tr><td colspan="2" align="center"> <table> <tr> <td valign="top"> <img src="http://kodehexa.googlepages.com/google_transparent.gif" alt="Google"> </img> </td> <td valign="middle"> <font size="+0"> <b>Akun</b> </font> </td> </tr> </table> <font size="-1"> </font></td> </tr> <script type="text/javascript"> <!-- function onPreCreateAccount() { return true; } function onPreLogin() { if (window["onlogin"] != null) { return onlogin(); } else { return true; } } --> </script> <tr> <td colspan="2" align="center"> </td> </tr> <tr> <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://draft.blogger.com/loginz?d=%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="ltmpl" id="ltmpl" value="draft" /> <input type="hidden" name="hl" id="hl" value="in" /> <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="draft" /> <input type="hidden" name="GALX" value="Ie2nThzvHSI" /> <input type="text" name="Email" id="Email" size="18" value="" class='gaia le val' /> </td> </tr> <tr> <td> </td> <td align="left"> </td> </tr> <tr> <td align="right"> <span class="gaia le lbl"> Sandi: </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> <td align="right" valign="top"> <input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" /> <input type="hidden" name='rmShown' value="1" /> </td> <td> <label for="PersistentCookie" class="gaia le rem"> Ingat saya di komputer ini </label> </td> </tr> <tr> <td> </td> <td align="left"> <input type="submit" class="gaia le button" name="signIn" value="Masuk" /> </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> Anda lupa sandi? </a> </td> </tr> </table> </div> </td> </tr> </table> </div> <input type="hidden" name="asts" id="asts" value=""> </form> <form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="return(gaia_onLoginSubmit());"> <input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%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="ltmpl" id="ltmpl" value="draft" /> <input type="hidden" name="hl" id="hl" value="in" /> <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="draft" /> <input type="hidden" name="ltmpl" id="ltmpl" value="draft" /> </form>
2. Kemudian Login ke Blogger kamu
3. Pilih Layout=> Add Gadget=> HTML//Java Script
4. Paste-kan Kode tadi => Save Setting:
