Nah sekarang saya 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&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&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.
Semoga bermanfaat
By: Moch Gian Destian ^_^
Semoga bermanfaat
By: Moch Gian Destian ^_^
1 komentar:
artikelnya bagus-bagus gan.. :)
Posting Komentar