Widget Form Blogger Login dan Yahoo!

Pada postingan sebelumnya tentang cara menghilangkan navbar blog, saya berjanji akan mengulas bagaimana cara memasang Blogger Login Form Widget, agar supaya kita tidak repot-repot membuka pintu blogger.com ketika login ke Dasbor blog kita.

Diharapkan widget blogger login form ini mampu mempersingkat lama waktu untuk login atau sign in menuju dashboard blogger anda. Karena anda tak harus membuka tampilan login blogger, cukup di blog anda sendiri. Dan, postingan kali ini sengaja saya tambahkan widget untuk masuk ke Yahoo! sebagai bonus tambahan dari saya...

Oke, langsung saja kita masuk ke "bab pembahasan". Untuk membuat widget blogger login sangat sederhana.

1. Letakkan kode di bawah ini ke Page Elemen (elemen halaman) di sidebar blog anda.







2. Pilih HTML/JavaScript







3. Lalu masukkan kode di bawah 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&amp;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 (Email):

<input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/>
</label></div>
<div><label for="Passwd"> Password/kunci: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)

</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div>

<input id="signin-btn-ns" tabindex="0" value="Monggo" class="ubtn ubtn-block" name="submit" type="submit"/>
</form>

Atau anda bisa langsung menambahkan widget tersebut secara gratis di blog anda dengan hanya menekan tombol dibawah ini

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><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 style="font-size: 80%">Widget edited by <a href="http://bahauddin-amyasi.blogspot.com/2008/11/widget-form-blogger-login-dan-yahoo.html">Bahauddin Amyasi </a></span>

Widget Masuk ke Yahoo!


Untuk widget login ke Yahoo!, langkah-langkahnya sama seperti di atas. Anda tinggal memasukkan kode di bawah ini.

<fieldset>
<legend>User Login</legend>
<form autocomplete="off" action="https://login.yahoo.com/config/login?" name="login_form" method="post">
<input value="1" name=".tries" type="hidden"/>

<input value="ym" name=".src" type="hidden"/>
<input value="" name=".md5" type="hidden"/>
<input value="" name=".hash" type="hidden"/>
<input value="" name=".js" type="hidden"/>
<input value="" name=".last" type="hidden"/>

<input value="" name="promo" type="hidden"/>
<input value="us" name=".intl" type="hidden"/>
<input value="" name=".bypass" type="hidden"/>

<input value="" name=".partner" type="hidden"/>
<input value="8se12cl3f72k0" name=".u" type="hidden"/>
<input value="0" name=".v" type="hidden"/>
<input value="q4aHwZElFnCgmT8yWLn_toTHlHoQ" name=".challenge" type="hidden"/>
<input value="" name=".yplus" type="hidden"/>
<input value="" name=".emailCode" type="hidden"/>

<input value="" name="pkg" type="hidden"/>
<input value="" name="stepid" type="hidden"/>

<input value="" name=".ev" type="hidden"/>
<input value="0" name="hasMsgr" type="hidden"/>
<input value="Y" name=".chkP" type="hidden"/>
<input value="http://mail.yahoo.com" name=".done" type="hidden"/>
<input value="ym_ver=0&amp;c=" name=".pd" type="hidden"/>
<table id="yreglgtb" summary="form: login information">
<tbody><tr>

<th><label for="username">Yahoo! ID:</label></th>

<td><input id="username" value="" class="yreg_ipt" name="login" size="10" type="text"/></td>
<script language="JavaScript" type="text/javascript">if(document.getElementById) document.getElementById('username').focus();</script>
</tr>
<tr>
<th><label for="passwd">Password:</label></th>
<td><input id="passwd" value="" class="yreg_ipt" name="passwd" size="10" type="password"/></td>

</tr>

</tbody></table>

<p id="sigcopys"><input id="persistent" value="y" name=".persistent" type="checkbox"/>
<label for="persistent"> <span class="kmsibold">Ingatkan Password Saya</span><br/><span class="subperstxt"></span> <em class="nwred"><a tabindex="32767" href="http://us.rd.yahoo.com/reg/login1/lisu/pst_help/us/ym/*https://login.yahoo.com/config/login?.src=ym&amp;.intl=us&amp;.help=4&amp;.v=0&amp;.u=8se12cl3f72k0&amp;
.last=&amp;promo=&amp;.bypass=&amp;
.partner=&amp;pkg=&amp;stepid=&amp;.pd=ym_ver%3d0%26c=&amp;.ab=&amp;.done=http%3A//mail.yahoo.com"></a></em></label>
<span class="subperstxt2"></span>
</p>
<div class="clear"></div>

<p class="yreglgsb"><input value="Monggo" name=".save" type="submit"/></p>

</form>
</fieldset>
<a href="http://us.rd.yahoo.com/reg/login1/lisu/forgot_lib/us/ym/*https://edit.yahoo.com/config/eval_forgot_pw?new=1&amp;.done=http%3A//mail.yahoo.com&amp;.src=ym&amp;partner=&amp;.intl=us&amp;pkg=&amp;stepid=&amp;.pd=ym_ver%3d0%26c=&amp;.ab=&amp;.last=">Dapatkan ID Atau Password?</a> | <a href="http://us.rd.yahoo.com/reg/login1/lisu/sih_lib/us/ym/*https://login.yahoo.com/config/login?.src=ym&amp;.intl=us&amp;.help=1&amp;.v=0&amp;.u=8se12cl3f72k0&amp;.last=&amp;
.last=&amp;promo=&amp;.bypass=&amp;.partner=&amp;pkg=&amp;stepid=&amp;.pd=ym_ver%3d0%26c=&amp;.ab=&amp;.done=http%3A//mail.yahoo.com">Bantuan</a>

<div class="yregdlisu">

<p class="yreglgsu"><a href="https://edit.yahoo.com/config/eval_register?.intl=us&amp;new=1&amp;.done=http%3A//mail.yahoo.com&amp;.src=ym&amp;.v=0&amp;.u=8se12cl3f72k0&amp;partner=&amp;
.partner=&amp;pkg=&amp;stepid=&amp;.p=&amp;promo=&amp;.last=">Daftar</a></p>
</div>

Catatan : Anda tinggal mengubah tuisan yang berwarna hijau dan biru sesuai dengan keinginan anda.

Selamat mencoba...Happy Blogging ye..