Cara Membuat Login Form Blogger

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?hehehe.. Langsung saja, check it out!!....
Kalo cara yang sulit yaitu 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&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 mau susah-susah,sebagai orang yang baik hati, nih aku kasih yang gampang. Tinggal klik aja tombol dibawah ini nanti otomatis akan di add gadget sendiri(catatan:kamu harus login blogger terlebih dahulu,okey!)

Selamat menikmati..Eh mencoba...

Anda telah membaca artikel tentang Cara Membuat Login Form Blogger dan anda juga bisa menemukan artikel Cara Membuat Login Form Blogger ini dengan url http://hbiepwidjaia.blogspot.com/2013/06/cara-membuat-login-form-blogger.html.Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Login Form Blogger ini jika memang bermanfaat bagi Anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.