Metode Membuat Login Form Blogger

Lain blogger lain wordpress, membuat web di blogger/ blogspot memanglah tidak semacam bila kita membuat web pada wordpress. Yang kita soroti disini merupakan web di wordpress memiliki taman login/ kotak login/ login form di sidebar, sebaliknya login pada blogger cuma tertera pada navigationbar( navbar) ialah pada bar yang terpampang di ujung atas taman blogger. Terus, Gimana jika kita mau membuat form login blogger di sidebar?. Meski dari blogger sendiri tidak sediakan, tetapi kita bisa mensiasatinya. Gimana metode buatnya? hehehe.. Langsung saja, check it out!!....

Kalo metode yang susah ialah secara manual berikut triknya serta nanti tampilannya hendak semacam 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&amp;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&amp;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


Kalo ga ingin susah- susah, bagaikan orang yang baik hati, nih saya kasih yang mudah. Tinggal klik aja tombol dibawah ini nanti otomatis hendak di add gadget sendiri( catatan: kalian wajib login blogger terlebih dulu, okey!)

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"> <input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"><input value="blogger" name="service" type="hidden"><input value="8" name="nui" type="hidden"><input value="8" name="naui" type="hidden"><input value="2" name="fpui" type="hidden"><input value="3" name="uilel" type="hidden"><input value="true" name="skipvpage" type="hidden"><input value="false" name="rm" type="hidden"><input value="true" name="alwf" type="hidden"><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"><input value="0" name="alinsu" type="hidden"><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"><div> <label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"></label></div> <div> <label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div> <br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"></form> <span style="font-size: 80%">Widget edited by <a href="http://blog-triks.blogspot.com">Blog-Triks</a></span>

Selamat menikmati..Eh mencoba...