Memasang form Login Blogger

Apa to maksudnya? maksudnya di postingan kali ini akan membahas bagaimana cara membuat form untuk masuk ke akun blogger. Itu lho kalau teman-teman pas ingin mengakses akun bloggernya teman-teman. pasti sebelum masuk ke akun blogger.com akan melalui halaman yang ada kotak seperti di bawah ini (kecuali kalau teman-teman loginnya melalui form login akun Google):




hanya saja yang ingin kita buat nggak mirip2 amat seperti di atas, ya bisa dibilang agak mirip lah. tapi kegunaannya sama, seperti berikut ini nih contoh tampilannya

Akun

                                        Email:

                                        

                                        Password:

                                        

                                        *Lupa Password [X]

                                       

                                         

Nah buat bikin form di atas monggo dikopi kode berikut ini, lalu di pasang di halaman blog anda

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" id="start-login" method="post" name="login" onsubmit="onlogin()">

<input name="continue" type="hidden" value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F" />

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

<input name="nui" type="hidden" value="8" />

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

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

<input name="uilel" type="hidden" value="3" />

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

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

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

<input name="roeu" type="hidden" value="http://www.blogger.com/login.g" />

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

<input name="GA3T" type="hidden" value="WbQ8QiJfUvA" />

<div>

<div style="text-align: center;">

<label for="Email"><span style="color: red; font-weight: bold;">Login Area Admin...!</span></label></div>

<label for="Email"><span style="font-weight: bold;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, 'sans serif'; font-size: 16px; font-weight: normal;"></span></span></label>

<table style="text-align: center; white-space: normal;"><tbody>

<tr><td style="color: black; font-family: Arial, Helvetica, 'sans serif';" valign="top">

<div style="text-align: center;">

&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img alt="Google" src="https://www.google.com/accounts/google_transparent.gif" /></div>

</td><td style="color: black; font-family: Arial, Helvetica, 'sans serif';" valign="middle"><div style="text-align: center;">

<b>

</b></div>

<div style="text-align: center;">

<b>Akun</b></div>

</td></tr>

</tbody></table>

<span style="font-weight: bold;"> </span>

<div style="text-align: center;">

<label for="Email"><span style="font-weight: bold;">

</span></label></div>

<label for="Email"><span style="font-weight: bold;">

</span></label>

<label for="Email"><span style="font-weight: bold;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></label><span class="Apple-style-span" style="font-weight: bold;">Email:</span>

<label for="Email"> &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input id="Email" name="Email" size="20" tabindex="1" type="text" value="" />

</label></div>

<div>

<label for="Passwd">

<b>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Password:</b> </label>

&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input autocomplete="off" id="Passwd" name="Passwd" size="20" tabindex="2" type="password" />

&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;*Lupa Password <a href="http://www.blogger.com/forgot.g">[X]</a></div>

&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input class="ubtn ubtn-block" id="signin-btn-ns" name="submit" tabindex="0" type="submit" value="Login" />

</form>

<span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span>

Silahkan Di edit sendiri. :D

Posted in: Gadget- Widget,Tips-Trick