cara membuat widget login diblog

kali ini saya akan berbagi cara menambahkan widget login diblogger, yang simple sekali

<< D E M O >>

Dibawah ini langkah pemasangan Widget Blogger Login
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Elemen Halaman"
Langkah 3
Tambahkan Gadget Baru dengan tipe HTML/JavaScript dengan Judul "Blogger Login"
Langkah 4
Masukan kode dibawah ini:

<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><a style="font-size: 10px; text-decoration:none; color: #cccccc;" href="http://tutorial-smk4u.blogspot.com/" target="_blank">Gadget by Blogger Tune-Up</a></span>

langkah 5
Simpan Gadget tersebut dan Preview Blog...