Cara Membuat Form Login Pada Blogger

Cara Membuat Form Login Pada Blogger

Cara Membuat Form Login Pada Blogger - Pada kesempatan kali ini sundaboy akan mencoba share bagaimana Cara Membuat Form Login Pada Blogger, Form Login pada Blogger ini dimaksudkan untuk memudahkan kita maupun pengunjung melakukan login ke area Blogger, karena secara default blogger tidak menyediakan Form Login pada template, tetapi blogger hanya menyediakan Form Login pada pojok atas halaman Blogger, itupun kalau templater pada bloggger belum dirubah.

Nah sekarang sundaboy akan share bagaimana Cara Membuat Form Login Pada Blogger, supaya Form Login ini dapat muncul pada Sidebar Blogger milik sahabat, Dengan begitu maka akan memudahkan pengunjung masuk ke area Blogger dari Blog milik sahabat. Oke untuk lebih jelasnya silahkan lihat ontoh dibawah ini :

Nah sekarang apabila sahabat tertarik untuk Membuat Form Login Pada Blogger, silahkan lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Tata Letak

3. Selanjutnya silahkan tambahkan widget baru dengan meng klick "Add Gadget"

4. Pilih HTML/Javascript

5. Copy kode dibawah ini dan masukan kedalam widget

<form action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" id="gaia_loginform" method="post" onsubmit="return(gaia_onLoginSubmit());">

<div id="gaia_loginbox">

<table border="0" cellpadding="5" cellspacing="0" class="form-noindent"><tbody>

<tr> <td bgcolor="#e8eefa" nowrap="nowrap" style="text-align: center;" valign="top"><input name="ltmpl" type="hidden" value="draft" />

<div class="loginBox">

<table align="center" border="0" cellpadding="1" cellspacing="0" id="gaia_table"><tbody>

<tr><td align="center" colspan="2"><table><tbody>

<tr> <td style="text-align: center;" valign="top"><img alt="Google" src="http://kodehexa.googlepages.com/google_transparent.gif" /></td> <td style="text-align: center;" valign="middle"><b>Akun</b></td> </tr>

</tbody></table>

</td> </tr>

<script type="text/javascript">

<!-- function onPreCreateAccount() { return true; } function onPreLogin() { if (window["onlogin"] != null) { return onlogin(); } else { return true; } } -->

</script>

<tr> <td align="center" colspan="2">

</td> </tr>

<tr> <td nowrap="nowrap"><span class="gaia le lbl">Email:

</span></td> <td><input id="continue" name="continue" type="hidden" value="https://draft.blogger.com/loginz?d=%2Fhome&amp;a=ADD_SERVICE_FLAG" />

<input id="service" name="service" type="hidden" value="blogger" />

<input id="naui" name="naui" type="hidden" value="8" />

<input id="fpui" name="fpui" type="hidden" value="2" />

<input id="skipvpage" name="skipvpage" type="hidden" value="true" />

<input id="rm" name="rm" type="hidden" value="false" />

<input id="ltmpl" name="ltmpl" type="hidden" value="draft" />

<input id="hl" name="hl" type="hidden" value="in" />

<input id="alwf" name="alwf" type="hidden" value="true" />

<input id="alinsu" name="alinsu" type="hidden" value="0" />

<input id="ltmpl" name="ltmpl" type="hidden" value="draft" />

<input name="GALX" type="hidden" value="Ie2nThzvHSI" />

<input class="gaia le val" id="Email" name="Email" size="18" type="text" value="" /></td> </tr>

<tr> <td>

</td> <td align="left">

</td> </tr>

<tr> <td align="right"><span class="gaia le lbl">Sandi:

</span></td> <td><input class="gaia le val" id="Passwd" name="Passwd" size="18" type="password" /></td> </tr>

<tr> <td>

</td> <td align="left">

</td> </tr>

<tr> <td align="right" valign="top">

<input id="PersistentCookie" name="PersistentCookie" type="checkbox" value="yes" />

<input name="rmShown" type="hidden" value="1" /></td> <td>

<label class="gaia le rem" for="PersistentCookie">

Ingat saya di komputer ini

</label></td> </tr>

<tr> <td>

</td> <td align="left">

<input class="gaia le button" name="signIn" type="submit" value="Masuk" /></td> </tr>

<tr id="ga-fprow"> <td align="center" class="gaia le fpwd" colspan="2" height="33.0" valign="bottom"><a href="https://www.blogger.com/forgot.g" target="_top">

Anda lupa sandi?

</a></td> </tr>

</tbody></table>

</div>

</td> </tr>

</tbody></table>

</div>

<input id="asts" name="asts" type="hidden" value="" /></form>

<form action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" id="gaia_universallogin" method="post" onsubmit="return(gaia_onLoginSubmit());">

<input id="continue" name="continue" type="hidden" value="https://draft.blogger.com/loginz?d=%2Fhome&amp;a=ADD_SERVICE_FLAG" />

<input id="service" name="service" type="hidden" value="blogger" />

<input id="naui" name="naui" type="hidden" value="8" />

<input id="fpui" name="fpui" type="hidden" value="2" />

<input id="skipvpage" name="skipvpage" type="hidden" value="true" />

<input id="rm" name="rm" type="hidden" value="false" />

<input id="ltmpl" name="ltmpl" type="hidden" value="draft" />

<input id="hl" name="hl" type="hidden" value="in" />

<input id="alwf" name="alwf" type="hidden" value="true" />

<input id="alinsu" name="alinsu" type="hidden" value="0" />

<input id="ltmpl" name="ltmpl" type="hidden" value="draft" />

<input id="ltmpl" name="ltmpl" type="hidden" value="draft" /></form>

6. Selanjutnya simpan dan lihatlah hasilnya

Nah itulah  Cara Membuat Form Login Pada Blogger yang bisa sundaboy share, semoga bermanfaat, sekian dan terimakasih.

Cara Membuat Form Login Pada Blogger